blob: 102a3dc064ef9f29955343fb2a3b8067a5136036 (
plain)
1
|
<svg baseProfile="full" xmlns="http://www.w3.org/2000/svg" width="400" height="130"><defs><pattern id="a" patternUnits="userSpaceOnUse" x="0" y="0" width="105" height="105"><path d="m0 90 15 15M0 75l30 30M0 60l45 45M0 45l60 60M0 30l75 75M0 15l90 90M0 0l105 105M15 0l90 90M30 0l75 75M45 0l60 60M60 0l45 45M75 0l30 30M90 0l15 15"/></pattern></defs><path fill="azure" d="M130 10h140v90H130z"/><path stroke="#000" stroke-dasharray="3 2" fill="#fff" d="M150 30h100v50H150z"/><path fill="beige" d="M160 40h80v30h-80z"/><text x="290" y="25" font-family="sans-serif" font-size="10pt">マージン領域</text><path stroke="#000" d="M288 20h-53"/><text x="290" y="48" font-family="sans-serif" font-size="10pt">境界</text><path stroke="#000" d="M278 43h-28"/><text x="290" y="71" font-family="sans-serif" font-size="10pt">コンテンツ領域</text><path stroke="#000" d="m288 67-58-7"/><text x="290" y="94" font-family="sans-serif" font-size="10pt">パディング領域</text><path stroke="#000" d="m288 91-53-16"/><path fill="url(#a)" stroke="#000" d="M130 80h140v20H130z"/><path stroke="#000" d="M200 90v25"/><text x="42" y="125" font-family="sans-serif" font-size="10pt">この領域の高さが margin-bottom 値で定義される</text><path stroke="#000" d="M116 100h8m-8-20h8m-4 0v20"/><text x="10" y="93" font-family="'courier new',monospace" font-size="10pt">margin-bottom</text></svg>
|
