記述形式 | border-width : thin | medium | thick | length ; | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
適用 | all elements | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
使用方法 |
領域の枠線の幅(太さ)を設定する。 thin : 細 medium : 中。デフォルト thick : 太 length 指定の場合は基本的に top , right , bottom , left の順で設定しますが、 以下のように省略することもできます。 ex1 . border-width: 10px; 上下左右 全ての枠線の幅が 10px に設定されます。 ex2 . border-width: 10px 20px; 枠線の幅が 上下10px,左右20px に設定されます。 ex3 . border-width: 10px 20px 30px; 枠線の幅が 上10px,左右20px,下30px に設定されます。 各プロパティの間には半角スペースを入れます。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
実行例 |
<DIV STYLE="border-style:solid; border-width:thin ">要素</DIV>
CSS とは Cascading Style Sheet の略です
<DIV STYLE=" border-style:solid; border-width:medium ">要素</DIV>
CSS とは Cascading Style Sheet の略です
<DIV STYLE=" border-style:solid; border-width:thick ">要素</DIV>
CSS とは Cascading Style Sheet の略です
<DIV STYLE=" border-style:solid; border-width:1em ">要素</DIV>
CSS とは Cascading Style Sheet の略です
<DIV STYLE=" border-style:solid; border-width:30px 20px 10px ">要素</DIV>
CSS とは Cascading Style Sheet の略です
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
サポート ブラウザ |
|