例
追加"solid"に下の境界を<div>要素：
document.getElementById("myDiv").style.borderBottomStyle = "solid"; »それを自分で試してみてください 定義と使用法
borderBottomStyleプロパティセットまたは要素の下境界線のスタイルを返します。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
注記：値"hidden" IE7およびそれ以前のバージョンではサポートされていません。 IE9以降サポート"hidden" 。
構文
borderBottomStyleプロパティを返します：
object .style.borderBottomStyle
borderBottomStyleプロパティを設定します。
object .style.borderBottomStyle= value プロパティ値
| 値 | 説明 |
|---|---|
| none | 何の境界線を定義します。 これがデフォルトです |
| hidden | 同じ"none"のテーブル要素のための国境紛争解決を除いて、 |
| dotted | 点線の境界線を定義します |
| dashed | 点線の境界線を定義します |
| solid | 固体の境界線を定義します |
| double | 2つの境界を定義します。 2つの境界の幅は、ボーダー幅の値と同じです |
| groove | 3D溝付き境界線を定義します。 効果はボーダー色の値に依存します |
| ridge | 3D隆起境界線を定義します。 効果はボーダー色の値に依存します |
| inset | 3Dのインセットの境界線を定義します。 効果はボーダー色の値に依存します |
| outset | 3D当初の境界線を定義します。 効果はボーダー色の値に依存します |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | なし |
|---|---|
| 戻り値： | 要素の下の境界のスタイルを表す文字列、 |
| CSSのバージョン | CSS1 |
その他の例
例
以下の下側の境界線のスタイルを変更して<div>要素に"dotted" ：
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
»それを自分で試してみてください 例
以下の下の境界線スタイルを返します<div>要素を：
alert(document.getElementById("myDiv").style.borderBottomStyle); »それを自分で試してみてください 例
すべての異なる値のデモ：
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; »それを自分で試してみてください 関連ページ
CSSチュートリアル： CSSボーダー
CSSリファレンス： border-bottom-style property
HTML DOMリファレンス： border property
<スタイルオブジェクト