枠線を一括指定する
上下左右の枠線を一括で指定します。
<style
type="text/css">
<!--
.border1 {border: 2px double
#FFFFFF}
-->
</style>
<p
class="border1">文字文字文字文字文字</p>
文字文字文字文字文字
<style
type="text/css">
<!--
.border2 {border: 10px inset
#FF0000}
-->
</style>
<p
class="border2">文字文字文字文字文字</p>
文字文字文字文字文字
[1]枠線の形の値
none
枠線は表示されず、太さも0になります。
表のセルなどの枠線が重なり合う場合は他の値が優先されます。
hidden
枠線は表示されず、太さも0になります。
表のセルなどの枠線が重なり合う場合はこの値が優先されます。
solid
1本線で表示されます。
double
2本線で表示されます。
groove
立体的に窪んだ線で表示されます。
ridge
立体的に隆起した線で表示されます。
inset
上と左の枠線が暗く、下と右の枠線が明るく表示され、枠線で囲まれた領域全体が立体的にくぼんだように表示されます。
上下左右の一部だけに指定しても立体感は出ません。
outset
上と左の枠線が明るく、下と右の枠線が暗く表示され、枠線で囲まれた領域全体が立体的に隆起したように表示されます。
上下左右の一部だけに指定しても立体感は出ません。
dashed
破線で表示されます。
dotted
点線で表示されます。
[2]太さの指定
数値で
px em
ptなどの単位で指定します。
キーワードで
thin
細い線で表示
medium
普通の太さで表示
thick
太めの線で表示
[3]色の指定
カラーコードの指定
#000000や#FFFFFFなど
名前での指定
white、black、brownなど
＊一括で指定する場合は値と値の間に半角スペースを必ず入れて下さい。
[MENUに戻る]
[HOME]