例
境界線を追加<div>要素:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
borderプロパティセットまたは短縮形で、3つの別々の境界特性まで戻ります。
このプロパティを使用すると、返却/(任意の順序で)次の一つ以上を設定することができます。
- ボーダー幅
- ボーダースタイル
- ボーダー色
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
構文
borderプロパティを返します:
object .style.border
borderプロパティを設定します。
object .style.border=" プロパティ値 パラメーター 説明 width ボーダーの幅を設定します。 style ボーダーのスタイルを設定します。 color ボーダーの色を設定します。 initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 指定されていない 戻り値: 要素の境界線の幅、スタイル及び/又は色を表す文字列 CSSのバージョン CSS1
その他の例
例
境界線の幅、スタイルや色の変更<div>要素を:
document.getElementById("myDiv").style.border = "thin dotted red"; »それを自分で試してみてください
関連ページ
CSSチュートリアル: CSSボーダー
CSSリファレンス: border property
<スタイルオブジェクト