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

Style borderWidth Property

<スタイルオブジェクト

例

4つのボーダーの幅を変更して<div>要素を：

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

定義と使用法

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

このプロパティは、1から4つの値をとることができます。

  • 一つの値、等：P {ボーダー幅：厚} - すべての4つの境界が厚いであろう
  • P：のような2つの値{ボーダー幅：厚さの薄い} - 上部と下部境界は左右の境界が薄くなり、厚さとなり
  • P：のような3つの値{ボーダー幅：厚さの薄い媒体} - 上の境界は左右の境界が薄くなり、厚さになり、下の境界は、媒体であろう
  • P {ボーダー幅：厚さの薄い媒体10pxの}のような四つの値、 - 上部境界が厚くなり、右側の境界線が薄くなり、下の境界は、媒体となり、左の境界は10pxのであろう

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

borderWidthプロパティは、すべての主要なブラウザでサポートされています。

構文

borderWidthプロパティを返します：

object .style.borderWidth

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

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

技術的な詳細

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

その他の例

例

薄い厚くする上部と下部の境界線の幅、および左と右の境界線を変更して<div>要素：

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

例

4つのボーダーの幅を変更して<div> の長さの値を使用して、要素を：

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

例

境界線の幅を返します<div>要素を：

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

関連ページ

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

CSSリファレンス： border-width property

HTML DOMリファレンス： border property

<スタイルオブジェクト