CSS - column-rule-color

概要

属性名 column-rule-color
値 <color>
初期値normal
適用可能要素マルチカラムエレメント
継承継承しない
メディアvisual

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS31024153.1

説明

マルチカラムのカラム間の罫線の色を指定します。

値説明
<color>マルチカラムのカラム間の罫線の色を指定します。

使用例

CSS
.multicol {
  columns: 3;
  column-rule-width: 1px;
  column-rule-style: dashed;
  column-rule-color: #f00;
}
HTML
<div class="multicol">
いろはにほへとちりぬるを...
</div>
表示
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

関連項目

colums, colum-count, colum-width, colum-rule, colum-rule-style, colum-rule-width, break-before, break-after, break-inside, colum-span, colum-fill

リンク

Copyright (C) 2015-2016 杜甫々
初版：2015年10月25日、最終更新：2016年5月8日
https://www.tohoho-web.com/css/prop/column-rule-color.htm