最新のWeb開発のチュートリアル
 

Style borderBottomWidth Property

<スタイルオブジェクト

以下の下の境界線の幅に変更し<div> 10pxのに要素を:

document.getElementById("myDiv").style.borderBottomWidth = "10px";
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

borderBottomWidthプロパティセットまたは要素の下境界線の幅を返します。


ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
borderBottomWidth 1.0 4.0 1.0 1.0 3.5

構文

borderBottomWidthプロパティを返します:

object .style.borderBottomWidth

borderBottomWidthプロパティを設定します。

object .style.borderBottomWidth="thin|medium|thick| プロパティ値
説明
thin 細い境界線を定義します
medium 媒質の境界線を定義します。 これがデフォルトです
thick 太い境界線を定義します
length 長さの単位で境界線の幅
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値:
戻り値: 要素の下の境界の幅を表す文字列、
CSSのバージョン CSS1

その他の例

以下の下の境界線の幅に変更し<div>シンに要素を:

document.getElementById("myDiv").style.borderBottomWidth = "thin";
»それを自分で試してみてください

以下の下の境界線の幅を返します<div>要素を:

alert(document.getElementById("myDiv").style.borderBottomWidth);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSボーダー

CSSリファレンス: border-bottom-width property

HTML DOMリファレンス: border property


<スタイルオブジェクト