概要

column-rule-color CSS プロパティは、column プロパティを用いた多段レイアウトに於いて各カラム間に描画する罫線のカラーを設定します。

初期値currentcolor
適用対象多段要素
継承不可
メディアvisual
計算値computed color
Animation typecolor
正規順序per grammar

構文

<color>

where
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>

where
<rgb()> = rgb( [ [ <percentage>{3} | <number>{3} ] [ / <alpha-value> ]? ] | [ [ <percentage>#{3} | <number>#{3} ] , <alpha-value>? ] )
<rgba()> = rgba( [ [ <percentage>{3} | <number>{3} ] [ / <alpha-value> ]? ] | [ [ <percentage>#{3} | <number>#{3} ] , <alpha-value>? ] )
<hsl()> = hsl( [ <hue> <percentage> <percentage> [ / <alpha-value> ]? ] | [ <hue>, <percentage>, <percentage>, <alpha-value>? ] )
<hsla()> = hsla( [ <hue> <percentage> <percentage> [ / <alpha-value> ]? ] | [ <hue>, <percentage>, <percentage>, <alpha-value>? ] )

where
<alpha-value> = <number> | <percentage>
<hue> = <number> | <angle>

<color>
<color> の頁を参照して下さい。

#header {
  column-rule-color: blue;
}

仕様

仕様書 策定状況 コメント
CSS Multi-column Layout Module
column-rule-color の定義
勧告候補  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート (有)-webkit 3.5 (1.9.1)-moz 10 11.1 3.0 (522)-webkit
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? (有) ? ? ?

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: Sebastianz, fscholz, ethertank, sosleepy, Marsf
 最終更新者: Sebastianz,