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