枠線のスタイルの設定枠線関係をまとめた設定枠線のスタイルを設定するには、 border-???-styleプロパティを設定します。 枠線関連のプロパティをまとめて設定するには、 border-???プロパティを設定します。#spandel border-top-style: 上の枠線のスタイル #spanend #spandel border-bottom-style: 下の枠線のスタイル #spanend #spandel border-left-style: 左の枠線のスタイル #spanend #spandel border-right-style: 右の枠線のスタイル #spanend #spandel border-style: 上下左右の枠線のスタイル #spanend #spanadd border-top: 上の枠線のプロパティ #spanend #spanadd border-bottom: 下の枠線のプロパティ #spanend #spanadd border-left: 左の枠線のプロパティ #spanend #spanadd border-right: 右の枠線のプロパティ #spanend #spanadd border: 上下左右の枠線のプロパティ #spanend指定できるスタイルには、 次のような種類があります。
設定の例次のような設定をすると、
#spandel h1{ #spanend border-style: dotted dotted dotted solid; #spanadd h2 { #spanend border-top: dotted 3px #ffcc00; border-left: dotted 3px #ffcc00; border-right: dotted 3px #ffcc00; } #spandel h2{ #spanend border-top-style: solid; border-left-style: dashed; #spanadd h3 { #spanend border: double 6px #339966; } #spandel h3{ #spanend border-style: inset; #spandel } #spanend
|