From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/column-rule-width/index.html | 99 +++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 files/ja/web/css/column-rule-width/index.html (limited to 'files/ja/web/css/column-rule-width') diff --git a/files/ja/web/css/column-rule-width/index.html b/files/ja/web/css/column-rule-width/index.html new file mode 100644 index 0000000000..f946e5e131 --- /dev/null +++ b/files/ja/web/css/column-rule-width/index.html @@ -0,0 +1,99 @@ +--- +title: column-rule-width +slug: Web/CSS/column-rule-width +tags: + - CSS + - CSS Property + - CSS プロパティ + - CSS 段組みレイアウト + - Reference + - 段組み +translation_of: Web/CSS/column-rule-width +--- +
{{ CSSRef}}
+ +

column-rule-width は CSS のプロパティで、段組みレイアウトで段間に引かれる線の太さを設定します。

+ +
{{EmbedInteractiveExample("pages/css/column-rule-width.html")}}
+ + + +

構文

+ +
/* キーワード値 */
+column-rule-width: thin;
+column-rule-width: medium;
+column-rule-width: thick;
+
+/* <length> 値 */
+column-rule-width: 1px;
+column-rule-width: 2.5em;
+
+/* グローバル値 */
+column-rule-width: inherit;
+column-rule-width: initial;
+column-rule-width: unset;
+
+ +

column-rule-width プロパティは単一の <'border-width'> の値で指定します。

+ +

値

+ +
+
<'border-width'>
+
{{ cssxref("border-width") }} で定められたキーワードで段間罫の太さを指定します。 {{cssxref("<length>")}} または thin、 medium、 thick のキーワードのいずれかです。
+
+ +

形式文法

+ +
{{csssyntax}}
+
+ +

例

+ +

HTML

+ +
<p>This is a bunch of text split into three columns.
+   The `column-rule-width` property is used to change
+   the width of the line that is drawn between columns.
+   Don't you think that's wonderful?</p>
+ +

CSS

+ +
p {
+  column-count: 3;
+  column-rule-style: solid;
+  column-rule-width: thick;
+}
+
+ +

結果

+ +

{{EmbedLiveSample("Example")}}

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{ SpecName('CSS3 Multicol', '#crw', 'column-rule-width') }}{{ Spec2('CSS3 Multicol') }}初回定義
+ +

{{cssinfo}}

+ +

ブラウザーの対応

+ + + +

{{Compat("css.properties.column-rule-width")}}

-- cgit v1.2.3-54-g00ecf