From f7c2a316bb9e875683a9e81fb6aef8d1fc133a38 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 14 Nov 2021 11:00:39 +0900 Subject: CSS Borders に関するプロパティの文書の変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/border-bottom-width/index.html | 146 ------------------------ 1 file changed, 146 deletions(-) delete mode 100644 files/ja/web/css/border-bottom-width/index.html (limited to 'files/ja/web/css/border-bottom-width/index.html') diff --git a/files/ja/web/css/border-bottom-width/index.html b/files/ja/web/css/border-bottom-width/index.html deleted file mode 100644 index 1af992f964..0000000000 --- a/files/ja/web/css/border-bottom-width/index.html +++ /dev/null @@ -1,146 +0,0 @@ ---- -title: border-bottom-width -slug: Web/CSS/border-bottom-width -tags: - - CSS - - CSS プロパティ - - CSS 背景と境界 - - Reference - - border - - border-bottom - - border-width -translation_of: Web/CSS/border-bottom-width ---- -
{{CSSRef}}
- -

CSS の border-bottom-width プロパティは、ボックスの下の境界の幅を設定します。

- -
{{EmbedInteractiveExample("pages/css/border-bottom-width.html")}}
- - - -

構文

- -
/* キーワード値 */
-border-bottom-width: thin;
-border-bottom-width: medium;
-border-bottom-width: thick;
-
-/* <length> 値 */
-border-bottom-width: 10em;
-border-bottom-width: 3vmax;
-border-bottom-width: 6px;
-
-/* グローバルキーワード */
-border-bottom-width: inherit;
-border-bottom-width: initial;
-border-bottom-width: unset;
-
- -

値

- -
-
<line-width>
-
明示的な非負の {{cssxref("<length>")}} またはキーワードで、境界の幅を定義します。キーワードの場合、以下の値のうちの一つでなければなりません。 - - - - - - - - - - - - - - - - - - -
thin -
 
- 		細い境界線
medium -
 
- 		中くらいの境界線
thick -
 
- 		太い境界線
- -
-

メモ: 仕様書ではそれぞれのキーワードで示される正確な太さを定義していないため、何れか一つを使用した場合の詳細な結果は、実装に依存します。とは言っても、常に thin ≤ medium ≤ thick というパターンに従い、値は同じ文書の中では一貫しています。

-
-
-
- -

形式文法

- -{{csssyntax}} - -

例

- -

HTML

- -
<div>Element 1</div>
-<div>Element 2</div>
- -

CSS

- -
div {
-  border: 1px solid red;
-  margin: 1em 0;
-}
-
-div:nth-child(1) {
-  border-bottom-width: thick;
-}
-div:nth-child(2) {
-  border-bottom-width: 2em;
-}
- -

結果

- -

{{EmbedLiveSample('Example', '100%')}}

- -

仕様書

- - - - - - - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Backgrounds', '#the-border-width', 'border-bottom-width')}}{{Spec2('CSS3 Backgrounds')}}目立った変更はなし。
{{SpecName('CSS2.1', 'box.html#border-width-properties', 'border-bottom-width')}}{{Spec2('CSS2.1')}}目立った変更はなし。
{{SpecName('CSS1', '#border-left-width', 'border-bottom-width')}}{{Spec2('CSS1')}}初回定義
- -

{{cssinfo}}

- -

ブラウザーの対応

- -

{{Compat("css.properties.border-bottom-width")}}

- -

関連情報

- - -- cgit v1.2.3-54-g00ecf