mozilla

リビジョンの比較

border-bottom

Change Revisions

リビジョン 236836:

リビジョン 236836 (編集者: Yuichiro / 編集日時: )

リビジョン 89690:

リビジョン 89690 (編集者: Yuichiro / 編集日時: )

タイトル:
border-bottom
border-bottom
URL スラグ:
CSS/border-bottom
CSS/border-bottom
タグ:
css, "CSS Reference"
css, "CSS Reference"
内容:

リビジョン 236836
リビジョン 89690
nn7    <div>
8      {{ CSSRef() }}
9    </div>
10    <h2 id=".E6.A6.82.E8.A6.81">
11      概要
12    </h2>
n8      {{ CSSRef() }}n14      CSS の <code>border-bottom</code> プロパティは、{{ Cssxref("border-
 >bottom-width") }}、{{ Cssxref("border-bottom-style") }}、{{ Cssxref
 >("border-bottom-color") }} を一括指定する為のショートハンド・プロパティです。このプロパティは、{{ C
 >ssxref("border-bottom-width") }}、{{ Cssxref("border-bottom-style"
 >) }}、{{ Cssxref("border-bottom-color") }} の内、1 つまたは複数の値を設定するために使用
 >することができます。各値は半角スペースで区切って、任意の順序で記述する事が出来ます。省略された値には初期値が設定されます。
n10    <h3 name="Summary">n16    <ul class="cssprop">
11      概要
12    </h3>
13    <p>
14      <code>border-bottom</code> はボックスの下の境界線の幅、スタイル、色を設定するための簡略プロ
>パティです。このプロパティは、{{ Cssxref("border-bottom-width") }}、{{ Cssxref("b 
>order-bottom-style") }}、{{ Cssxref("border-bottom-color") }}の内、1つ 
>または複数の値を設定するために使用することができます。省略された値には初期値が設定されます。 
15    </p>
16    <ul>
17      <li>{{ Xref_cssinitial() }}: 詳細については、それぞれのプロパティを参照してください。17      <li>{{ Xref_cssinitial() }}: 詳細については、各個別のプロパティを参照してください。
n21      <li>{{ Xref_cssinherited() }}: しないn21      <li>{{ Xref_cssinherited() }}: 継承しない
n23      <li>パーセンテージ: N/An23      <li>相対値の基準: N/A
n30    <h3 name="Syntax">n30    <h2 id=".E6.A7.8B.E6.96.87">
n32    </h3>n32    </h2>
n34border-bottom: [ &lt;border-width&gt; || &lt;border-style&gt; || n34border-bottom: [<em>border-width</em> || <em>border-style</em> ||
>&lt;border-color&gt; ] | <em>inherit</em>> <em>border-color</em> | <em>inherit</em>] ;
n36    <h3 name="Values">n36    <h2 id=".E5.80.A4">
n38    </h3>n38    </h2>
n41        &lt;border-width&gt;&nbsp;n41        border-width
n44        {{ Cssxref("border-bottom-width") }} 参照。n44        {{ Cssxref("border-width") }} 参照して下さい
n47        &lt;border-style&gt;&nbsp;n47        border-style
n50        {{ Cssxref("border-bottom-style") }} 参照。n50        {{ Cssxref("border-style") }} 参照して下さい
n53        &lt;border-color&gt;&nbsp;n53        border-color
n56        {{ Cssxref("border-bottom-color") }} 参照。n56        {{ Cssxref("border-color") }} 参照して下さい
n59    <h3 name="Examples">n59    <h2 id=".E4.BE.8B">
60      サンプル60      例
61    </h3>61    </h2>
62    <p>
63      {{ CSSRefExampleLink("border") }}
64    </p>
n70    <h3 name="Notes">n67    <h2 id=".E6.B3.A8.E9.87.88">
n72    </h3>n69    </h2>
n74      簡略プロパティの3つの値は、任意の順序で指定することができ、1つまたは2つを省略することができます。n71      原則として、<code>border-color</code> を指定しない場合、ボーダーの色は {{ Cssxref
 >("color") }} プロパティで指定された値によって決定されます。
n76    <p>n73    <h2 id=".E4.BB.95.E6.A7.98.E6.9B.B8">
77      他の簡略プロパティと同様に、<code>border-bottom</code> は、省略された値には常にデフォルトが
>設定されます。具体的には、 
78    </p>
79    <pre>
80  border-bottom-style: dotted;
81  border-bottom: thick green;
82</pre>
83    <p>
84      実際には以下と同じです。
85    </p>
86    <pre>
87  border-bottom-style: dotted;
88  border-bottom: none thick green;
89</pre>
90    <p>
91      すなわち、<code>border-bottom</code>の前に指定された{{ Cssxref("border-b
>ottom-style") }}の値は無視されます。 
92    </p>
93    <p>
94      {{ Cssxref("border-bottom-style") }}のデフォルトの値は <code>none</c
>ode>、 &lt;border-style&gt; に該当する値を指定しないということは、境界線無しを指定することを意味します。 
95    </p>
96    <h3 name="Specifications">
97      仕様74      仕様
98    </h3>75    </h2>
99    <ul>
100      <li>
101        <a class="external" href="http://www.w3.org/TR/CSS1#borde
>r-bottom">CSS 1</a> 
102      </li>
103      <li>
104        <a class="external" href="http://www.w3.org/TR/CSS21/box.
>html#border-shorthand-properties">CSS 2.1</a> 
105      </li>
106      <li>
107        <a class="external" href="http://www.w3.org/TR/css3-backg
>round/#the-border-shorthands">CSS 3</a> 
108      </li>
109    </ul>
110    <h3 name="Browser_compatibility">
111      ブラウザの互換性
112    </h3>
nn77      <thead>
78        <tr style="background-color: rgb(255, 204, 255);">
79          <th scope="col">
80            仕様
81          </th>
82          <th scope="col">
83            策定状況
84          </th>
85          <th scope="col">
86            コメント
87          </th>
88        </tr>
89      </thead>
n116          <th>n92          <td>
117            ブラウザ93            <a class="external" href="http://www.w3.org/TR/css3-b
 >ackground/#the-border-shorthands" title="http://www.w3.org/TR/css
 >3-background/#background-bottom">CSS Backgrounds and Borders Modu
 >le Level 3</a>
118          </th>94          </td>
119          <th>95          <td>
120            最も低いバージョン96            {{ Spec2('CSS3 Backgrounds') }}
121          </th>97          </td>
98          <td>
99            {{ cssxref("border-bottom-color") }} の値の変更以外の直接的な変更は無
 >
100          </td>
n125            Chromen104            <a class="external" href="http://www.w3.org/TR/CSS21/
 >box.html#propdef-border-bottom" title="http://www.w3.org/TR/CSS21
 >/box.html#propdef-border-bottom">CSS 2.1</a>
126          </td>
127          <td>105          </td>
128            1.0106          <td>
107            {{ Spec2('CSS2.1') }}
108          </td>
109          <td>
110            有意な変更点は無し。
n133            Firefoxn115            <a class="external" href="http://www.w3.org/TR/CSS1/#
 >border-bottom" title="http://www.w3.org/TR/CSS1/#border-bottom">C
 >SS 1</a>
134          </td>
135          <td>116          </td>
136            1
137          </td>117          <td>
138        </tr>118            {{ Spec2('CSS1') }}
139        <tr>
140          <td>119          </td>
141            Internet Explorer
142          </td>120          <td>
143          <td>
144            4121            &nbsp;
145          </td>
146        </tr>
147        <tr>
148          <td>
149            Netscape
150          </td>
151          <td>
152            4
153          </td>
154        </tr>
155        <tr>
156          <td>
157            Opera
158          </td>
159          <td>
160            3.5
n165    <h3 name="See_also">n126    <h2 id=".E3.83.96.E3.83.A9.E3.82.A6.E3.82.B6.E3.81.AE.E4.BA.9
 >2.E6.8F.9B.E6.80.A7">
166      参考127      ブラウザの互換性
167    </h3>128    </h2>
n169      {{ Cssxref("border") }}, {{ Cssxref("border-bottom") }}, {{n130      {{ CompatibilityTable() }}
> Cssxref("border-bottom-width") }}, {{ Cssxref("border-bottom-sty 
>le") }}, {{ Cssxref("border-bottom-color") }}, 
t171    <p>t132    <div id="compat-desktop">
172      {{ languages( { "de": "de/CSS/border-bottom", "en": "en/CSS133      <table class="compat-table">
>/border-bottom", "es": "es/CSS/border-bottom", "fr": "fr/CSS/bord 
>er-bottom", "pl": "pl/CSS/border-bottom" } ) }} 
134        <tbody>
135          <tr>
136            <th>
137              機能
138            </th>
139            <th>
140              Chrome
141            </th>
142            <th>
143              Firefox (Gecko)
144            </th>
145            <th>
146              Internet Explorer
147            </th>
148            <th>
149              Opera
150            </th>
151            <th>
152              Safari (WebKit)
153            </th>
154          </tr>
155          <tr>
156            <td>
157              基本サポート
158            </td>
159            <td>
160              1.0
161            </td>
162            <td>
163              {{ CompatGeckoDesktop("1.0") }}
164            </td>
165            <td>
166              4
167            </td>
168            <td>
169              3.5
170            </td>
171            <td>
172              1.0 (85)
173            </td>
174          </tr>
175        </tbody>
176      </table>
177    </div>
178    <div id="compat-mobile">
179      <table class="compat-table">
180        <tbody>
181          <tr>
182            <th>
183              機能
184            </th>
185            <th>
186              Android
187            </th>
188            <th>
189              Firefox Mobile (Gecko)
190            </th>
191            <th>
192              IE Phone
193            </th>
194            <th>
195              Opera Mobile
196            </th>
197            <th>
198              Safari Mobile
199            </th>
200          </tr>
201          <tr>
202            <td>
203              基本サポート
204            </td>
205            <td>
206              1.0
207            </td>
208            <td>
209              {{ CompatGeckoMobile("1.0") }}
210            </td>
211            <td>
212              {{ CompatVersionUnknown() }}
213            </td>
214            <td>
215              {{ CompatVersionUnknown() }}
216            </td>
217            <td>
218              {{ CompatVersionUnknown() }}
219            </td>
220          </tr>
221        </tbody>
222      </table>
223    </div>
224    <h2 id="See_also" name="See_also">
225      参照
173    </p>226    </h2>
227    <ul>
228      <li>ボーダー関連 CSS プロパティ: {{ CSS_Reference:Border() }}
229      </li>
230      <li>border-bottom 関連 CSS プロパティ: {{ CSS_Reference:Border-bot
 >tom() }}
231      </li>
232    </ul>
233    <div>
234      {{ languages({ "en": "en/CSS/border-bottom", "de": "de/CSS/
 >border-bottom", "es": "es/CSS/border-bottom", "fr": "fr/CSS/borde
 >r-bottom", "pl": "pl/CSS/border-bottom", "pt": "pt/CSS/border-bot
 >tom"}) }}
235    </div>

前に戻る