blob: 4950a32a8639e85723de9d11c2180b107a138aa7 (
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="24" font-family="sans-serif" font-size="10pt">パディング領域</text><path stroke="#000" d="M288 93h-33"/><text x="290" y="48" font-family="sans-serif" font-size="10pt">境界</text><path stroke="#000" d="M288 44h-38"/><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="97" font-family="sans-serif" font-size="10pt">マージン領域</text><path stroke="#000" d="m288 20-53 15"/><path fill="url(#a)" stroke="#000" d="M150 70h100v10H150z"/><path stroke="#000" d="M200 105V75"/><text x="22" y="120" font-family="sans-serif" font-size="10pt">この領域の高さが padding-bottom 値で定義されます</text><path stroke="#000" d="M136 70h8m-8 10h8m-4-10v10"/><text x="20" y="77" font-family="'courier new',monospace" font-size="10pt">padding-bottom</text></svg>
|
