プロパティなどで指定された要素のカラム間の区切り線の幅(column-rule-width)、種類(column-rule-style)、色(column-rule-color)をまとめて指定することができるショートハンドプロパティです。column-rule">明日の天気予報です。明日は全国的に晴れるでしょう。夕方以降急な雨に注意してください。<色>}値について指定できる値の種類です。thickが入りますスタイルについて指定できるスタイルは以下の通りです。詳しく解説しています。説明noneボーダーは表示されませんsolid一本線のボーダーが表示されますdotted1列にならんだドット模様のボーダーが表示されますdashed破線のボーダーが表示されますdouble二本線のボーダーが表示されますgroove立体的で窪んだ線が表示されますridge立体的で隆起した線が表示されますinsetgrooveと似てますが立体的で窪んだ線が表示されますoutsetridgeと似てますが、立体的で隆起した線が表示されます色について指定できる色の種類です。プロパティを参照してみてください。column-rule-medium">明日の天気予報です。明日は全国的に晴れるでしょう。夕方以降急な雨に注意してください。続いて、今月のイベント情報です。今月は東京の目黒川がライトアップされます。column-rule-thin">明日の天気予報です。明日は全国的に晴れるでしょう。夕方以降急な雨に注意してください。続いて、今月のイベント情報です。今月は東京の目黒川がライトアップされます。column-rule-dotted">明日の天気予報です。明日は全国的に晴れるでしょう。夕方以降急な雨に注意してください。続いて、今月のイベント情報です。今月は東京の目黒川がライトアップされます。column-rule-red">明日の天気予報です。明日は全国的に晴れるでしょう。夕方以降急な雨に注意してください。続いて、今月のイベント情報です。今月は東京の目黒川がライトアップされます。red;}</style>プロパティの種類についてショートハンドプロパティや、個別指定できるプロパティなど、columnプロパティをまとめた概要一覧です。詳細はそれぞれのページを参照してみてください。説明columns「column-count」と「column-width」を指定できるショートハンドプロパティcolumn-countカラム数を指定するcolumn-widthカラムの幅と指定するcolumn-rule「column-rule-color」と「column-rule-style」と「column-rule-width」をまとめて指定するショートハンドプロパティcolumn-rule-colorカラム間の区切り線の色を指定するcolumn-rule-styleカラム間の区切り線のスタイルを指定するcolumn-rule-widthカラム間の区切り線の幅を指定するcolumn-gapカラム同士の間隔を指定するcolumn-fillカラム同士の高さをそろえるかどうかを指定するcolumn-span複数のカラムにまたがる要素に指定する使用例このプロパティを使うことで、マルチカラムレイアウトを実装することができます。今までは、一つ一つ組み上げていたものが簡単にできるようになります。<div>左カラムです。左カラムに入れたいテキストなどはこの要素内に入れていきます。<div>真ん中のカラムです。真ん中カラムに入れたいテキストなどはこの要素内に入れていきます。<div>右カラムです。右カラムに入れたいテキストなどはこの要素内に入れていきます。Module関連CSSプロパティcolumnscolumn-rule-stylecolumn-rule-widthcolumn-rule-colorcolumn-rulecolumn-spancolumn-fillcolumn-gapcolumn-widthcolumn-count@ルール@keyframesUI関連cursoroutlineoutline-offsetoutline-widthoutline-styleoutline-colorカウンターcounter-incrementcounter-resetテーブル(表)テキスト関連white-spacetext-transformtext-shadowtext-overflowtext-decorationtext-decoration-styletext-decoration-linetext-decoration-colortext-align-lasttext-indenttext-alignフィルター効果filterフォーマットline-heightletter-spacingフォント@font-facefontfont-size-adjustfont-stretchfont-familyfont-sizefont-variantfont-stylefont-weightフレックスボックスフロートclipfloatclearボックスモデルwidthheightmin-widthmin-heightmax-widthmax-heightvisibilitybox-sizingoverflowoverflow-yoverflow-xマージンmarginmargin-topmargin-rightmargin-bottommargin-leftpaddingpadding-toppadding-rightpadding-bottompadding-leftメディアクエリ@mediaリストlist-style-imagelist-style-typelist-style-positionlist-style変形transitiontransition-timing-functiontransition-propertytransition-delaytransition-durationtransformtransform-styletransform-origin段組みcolumnscolumn-rule-stylecolumn-rule-widthcolumn-rule-colorcolumn-rulecolumn-spancolumn-fillcolumn-gapcolumn-widthcolumn-count罫線borderborder-styleborder-colorborder-widthborder-topborder-top-styleborder-top-colorborder-rightborder-top-widthborder-right-styleborder-right-colorborder-right-widthborder-bottomborder-bottom-styleborder-bottom-colorborder-bottom-widthborder-leftborder-left-styleborder-left-colorborder-left-widthborder-imageborder-image-sourceborder-image-widthborder-image-sliceborder-image-outsetborder-image-repeatborder-radiusborder-bottom-left-radiusborder-bottom-right-radiusborder-top-right-radiusborder-top-left-radius背景backgroundbackground-imagebackground-attachmentbackground-clipbackground-colorbackground-originbackground-repeatbackground-size色opacity色と透明度color装飾box-shadow記述法backface-visibilityvertical-alignuser-select配置displayrightlefttopbottompositionz-index「WWWクリエイターズ」は、より多くの人が開発とウェブを楽しむための目指したウェブサイトです。コマンドラインやgitなど、開発ビギナーのつまづきやすい部分を共有しています。})(jQuery);閉じる。