枠 border
border-width : サイズ ;
枠の太さを指定します。
サイズは px などで指定します。
border-width : 1px ; /*上下左右1px*/
border-width : 1px 2px ; /*上下1px、左右2px*/
border-width : 1px 2px 3px ; /*上1px、左右2px、下3px*/
border-width : 1px 2px 3px 4px ; /*上1px、右2px、下3px、左4px*/
border-top-width : 1px ; /*上1px*/
border-bottom-width : 1px ; /*下1px*/
border-left-width : 1px ; /*左1px*/
border-right-width : 1px ; /*右1px*/
他にも
【細枠】thin
【太枠】thick
などがあります。
border-width : 1px 2px 3px 4px ; を指定してみる。
このようになります。
border-width : thin thick ; を指定してみる。
このようになります。
border-color : 色 ;
枠の色を指定します。
色は、カラーコードやカラーネームなどで指定します。
指定方法はborder-widthと同じです。
border-color : red blue orange green ; を指定してみる。
このようになります。
border-style : 種類 ;
枠の種類を指定します。
指定の仕方は上記と同じ。
種類は
【普通】solid
【二重】double
【●点線】dotted
【■点線】dashed
などがある。
border : 1px #000000 solid ;
一括して指定する事が出来る。
関連記事