Caution
お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。
- トップページ
- CSSプロパティ辞典
- border-bottom-width
border-bottom-width
下部の境界線の幅に関する項目を指定できます。
サンプルコード
div.test { border-bottom-width: thin;} div.test1 { border-bottom-width: medium;} div.test2 { border-bottom-width: 10px;}
指定可能な値一覧
値 | 概要 |
---|---|
数値 | 境界線の太さを『px』などで指定できます。 |
thin | 『thin』(細い)というキーワードで指定します。一般的なブラウザでは1pxで表示されますがブラウザによって多少の差があります。 |
medium | 『medium』(中間)というキーワードで指定します。一般的なブラウザでは3pxで表示されますがブラウザによって多少の差があります。『border-bottom-width』に関する値が指定されていない場合はこれが初期値となります。 |
thick | 『thick』(厚い)というキーワードで指定します。一般的なブラウザでは5pxで表示されますがブラウザによって多少の差があります。 |
ブラウザでの表示結果
※ 以下のサンプルの『border-style』プロパティは『solid』を指定しています。
<div style="border-bottom-width: 10px; border-style: solid; height: 100px; padding: 10px; font-weight: bold;">高さ100px、パディング10pxのdiv要素です。</div>
対応ブラウザ
IE6 | IE7 | IE8 | IE9 | IE10 | IE11 | Safari | Chrome | Firefox | Opera |
---|---|---|---|---|---|---|---|---|---|
iPhone Safari | Android2系 標準ブラウザ | Android4系 標準ブラウザ |
---|---|---|
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。