枠線の色の設定枠線のスタイルの設定枠線の色を設定するには、 border-???-colorプロパティを設定します。 枠線のスタイルを設定するには、 border-???-styleプロパティを設定します。#spandel border-top-color: 上の枠線の色 #spanend #spandel border-bottom-color: 下の枠線の色 #spanend #spandel border-left-color: 左の枠線の色 #spanend #spandel border-right-color: 右の枠線の色 #spanend #spandel border-color: 上下左右の枠線の色 #spanend #spanadd border-top-style: 上の枠線のスタイル #spanend #spanadd border-bottom-style: 下の枠線のスタイル #spanend #spanadd border-left-style: 左の枠線のスタイル #spanend #spanadd border-right-style: 右の枠線のスタイル #spanend #spanadd border-style: 上下左右の枠線のスタイル #spanendborder-colorプロパティを使えば、 上下左右の枠線の色を一度に指定できます。 指定できるスタイルには、 次のような種類があります。
設定の例設定の例次のような設定をすると、
h1{ border-color: #ff0000 #ffcc00 #339933 #336633; border-style: dotted dotted dotted solid; } h2{ border-left-color: red; border-top-style: solid; border-left-style: dashed; } #spanadd h3{ #spanend border-style: inset; #spanadd } #spanend
|