mozilla

Revision 236604 of border-left

  • リビジョンの URL スラグ: CSS/border-left
  • リビジョンのタイトル: border-left
  • リビジョンの ID: 236604
  • 作成日:
  • 作成者: ethertank
  • 現行リビジョン いいえ
  • コメント 9 words removed

このリビジョンの内容

{{ CSSRef() }}

概要

CSS の border-left プロパティは、{{ Cssxref("border-left-width") }}、{{ Cssxref("border-left-style") }}、{{ Cssxref("border-left-color") }} を一括指定する為のショートハンド・プロパティです。このプロパティは、{{ Cssxref("border-left-width") }}、{{ Cssxref("border-left-style") }}、{{ Cssxref("border-left-color") }} の内、1 つまたは複数の値を設定するために使用することができます。各値は半角スペースで区切って、任意の順序で記述する事が出来ます。省略された値には初期値が設定されます。

  • {{ Xref_cssinitial() }}: 詳細については、それぞれのプロパティを参照してください。
  • 適用対象: 全ての要素
  • {{ Xref_cssinherited() }}: しない
  • パーセンテージ: N/A
  • メディア: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: それぞれのプロパティを参照してください

構文

border-left: [border-width || border-style || border-color | inherit] ;

border-width
{{ Cssxref("border-width") }} を参照して下さい。
border-style
{{ Cssxref("border-style") }} を参照して下さい。
border-color
{{ Cssxref("border-color") }} を参照して下さい。

element { 
    border-left: 1px solid #000;
}

注釈

原則として、border-color を指定しない場合、ボーダーの色は {{ Cssxref("color") }} プロパティで指定された値によって決定されます。

仕様書

仕様 策定状況 コメント
CSS Backgrounds and Borders Module Level 3 {{ Spec2('CSS3 Backgrounds') }} No direct changes, though the modification of values for the {{ cssxref("border-left-color") }} do apply to it.
CSS 2.1 {{ Spec2('CSS2.1') }} 有意な変更点は無し。
CSS 1 {{ Spec2('CSS1') }}  

ブラウザの互換性

ブラウザ 最小バージョン
Chrome 1.0
Firefox 1.0(1.7 またはそれ以前)
Internet Explorer 4
Netscape 4
Opera 3.5
Safari (webkit) 1.0(85)

参照

  • ボーダー関連 CSS プロパティ: {{ CSS_Reference:Border() }}
  • border-left 関連 CSS プロパティ: {{ CSS_Reference:Border-left() }}
{{ languages({ "en": "de/CSS/border-left", "de": "de/CSS/border-left", "es": "es/CSS/border-left", "fr": "fr/CSS/border-left", "pl": "pl/CSS/border-left", "pt": "pt/CSS/border-left"}) }}

このリビジョンのソースコード

<div>{{ CSSRef() }}</div> <h2 id="Summary">概要</h2>
<p>CSS の <code>border-left</code> プロパティは、{{ Cssxref("border-left-width") }}、{{ Cssxref("border-left-style") }}、{{ Cssxref("border-left-color") }} を一括指定する為のショートハンド・プロパティです。このプロパティは、{{ Cssxref("border-left-width") }}、{{ Cssxref("border-left-style") }}、{{ Cssxref("border-left-color") }} の内、1 つまたは複数の値を設定するために使用することができます。各値は半角スペースで区切って、任意の順序で記述する事が出来ます。省略された値には初期値が設定されます。</p>
<ul class="cssprop"> <li>{{ Xref_cssinitial() }}: 詳細については、それぞれのプロパティを参照してください。</li> <li>適用対象: 全ての要素</li> <li>{{ Xref_cssinherited() }}: しない</li> <li>パーセンテージ: N/A</li> <li>メディア: {{ Xref_cssvisual() }}</li> <li>{{ Xref_csscomputed() }}: それぞれのプロパティを参照してください</li>
</ul><h2 id="Syntax">構文</h2>
<pre class="eval">border-left: [<em>border-width</em> || <em>border-style</em> || <em>border-color</em> | <em>inherit</em>] ;
</pre> <h2 id="Values">値</h2>
<dl> <dt>border-width</dt> <dd>{{ Cssxref("border-width") }} を参照して下さい。</dd> <dt>border-style</dt> <dd>{{ Cssxref("border-style") }} を参照して下さい。</dd> <dt>border-color</dt> <dd>{{ Cssxref("border-color") }} を参照して下さい。</dd>
</dl> <h2 id="Examples">例</h2>
<pre>element { 
    border-left: 1px solid #000;
}
</pre><h2 id="Notes">注釈</h2>
<p>原則として、<code>border-color</code> を指定しない場合、ボーダーの色は {{ Cssxref("color") }} プロパティで指定された値によって決定されます。</p>
<h2 id="Specifications">仕様書</h2>
<table class="standard-table"> <thead> <tr style="background-color: rgb(255, 204, 255);"> <th scope="col">仕様</th> <th scope="col">策定状況</th> <th scope="col">コメント</th> </tr> </thead> <tbody> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-background/#background-left" title="http://www.w3.org/TR/css3-background/#background-left">CSS Backgrounds and Borders Module Level 3</a></td> <td>{{ Spec2('CSS3 Backgrounds') }}</td> <td>No direct changes, though the modification of values for the {{ cssxref("border-left-color") }} do apply to it.</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" title="http://www.w3.org/TR/CSS21/box.html#propdef-border-left">CSS 2.1</a></td> <td>{{ Spec2('CSS2.1') }}</td> <td>有意な変更点は無し。</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/CSS1/#border-left" title="http://www.w3.org/TR/CSS1/#border-left">CSS 1</a></td> <td>{{ Spec2('CSS1') }}</td> <td> </td> </tr> </tbody>
</table> <h2 id="Browser_compatibility">ブラウザの互換性</h2>
<table class="standard-table"> <tbody> <tr> <th>ブラウザ</th> <th>最小バージョン</th> </tr> <tr> <td>Chrome</td> <td>1.0</td> </tr> <tr> <td>Firefox</td> <td>1.0(1.7 またはそれ以前)</td> </tr> <tr> <td>Internet Explorer</td> <td>4</td> </tr> <tr> <td>Netscape</td> <td>4</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr> <tr> <td>Safari (webkit)</td> <td>1.0(85)</td> </tr> </tbody>
</table><h2 name="See_also">参照</h2>
<ul> <li>ボーダー関連 CSS プロパティ: {{ CSS_Reference:Border() }}</li> <li>border-left 関連 CSS プロパティ: {{ CSS_Reference:Border-left() }}</li>
</ul>
<div>{{ languages({ "en": "de/CSS/border-left", "de": "de/CSS/border-left", "es": "es/CSS/border-left", "fr": "fr/CSS/border-left", "pl": "pl/CSS/border-left", "pt": "pt/CSS/border-left"}) }}</div>
このリビジョンへ戻す