blob: 2ed00d344ec37cb1b2683c92983e2b6050d4e6c4 (
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 40h140v90H130z"/><path stroke="#000" stroke-dasharray="3 2" fill="#fff" d="M150 60h100v50H150z"/><path fill="beige" d="M160 70h80v30h-80z"/><text x="290" y="124" font-family="sans-serif" font-size="10pt">パディング領域</text><path stroke="#000" d="m288 120-53-15"/><text x="290" y="78" font-family="sans-serif" font-size="10pt">境界</text><path stroke="#000" d="M278 74h-28"/><text x="290" y="101" font-family="sans-serif" font-size="10pt">コンテンツ領域</text><path stroke="#000" d="m288 97-58-7"/><text x="290" y="55" font-family="sans-serif" font-size="10pt">マージン領域</text><path stroke="#000" d="M288 50h-53"/><path fill="url(#a)" stroke="#000" d="M150 60h100v10H150z"/><path stroke="#000" d="M200 27v40"/><text x="42" y="20" font-family="sans-serif" font-size="10pt">この領域の高さが padding-top 値で定義されます</text><path stroke="#000" d="M136 60h8m-8 10h8m-4-10v10"/><text x="35" y="67" font-family="'courier new',monospace" font-size="10pt">padding-top</text></svg>
|
