CSS - column-rule-style - とほほのWWW入門

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

CSS	IE/Edge	Firefox	Chrome	Opera	Safari
CSS3	10	3.5(-moz)	4(-webkit) 50	15(-webkit) 37	3.1(-webkit) 9

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

値	説明
<style>	マルチカラムのカラム間の罫線のスタイルを指定します。指定可能な値は border-style を参照してください。

CSS

.multicol {
  columns: 3;
  column-rule-width: 1px;
  column-rule-style: dashed;
  column-rule-color: #666;
}

HTML

<div class="multicol">
いろはにほへとちりぬるを...
</div>

表示

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

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

CSS - column-rule-style

概要

サポート (説明)

説明

使用例

関連項目

リンク