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

Style border Property

<スタイルオブジェクト

境界線を追加<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";
»それを自分で試してみてください

境界プロパティ値を返します<div>要素を:

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

関連ページ

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

CSSリファレンス: border property


<スタイルオブジェクト