CSS段落、リスト、表スタイル

マルチセグメント編集

column-width

段落幅を固定し、画面を分割

column-width: <크기> | auto

column-count

セル数の決定とスクリーンの分割

column-count: <숫자> | auto

column-gap

端マージンの指定

column-count: <크기> | normal

column-rule

エンド・ツー・エンド・セパレータのスタイル

column-rule: <크기> <스타일> <색상>

column-span

複数のセグメントを1つに結合

column-span: <값>

1:不一致

all:一体

リストスタイル

list-style

list-style-typelist-style-positionlist-style-image属性一括フラグ

list-style: <값>

List-style-type:無秩序リストの項目記号または順序リストの数値の属性を置き換える

list-style-type: <값>

無秩序リストの置換(<ul>)における箇条書き

disc:化粧園

circle:ウィーン

square:充填矩形

none:レリーフ除去

置換順序リスト(<ol>)の数字

decimal:十進法

lower-alpha:小文字

upper-alpha:大文字

List-style-position:項目または番号のインデント

list-style-position: inside | outside

List-style-image:無秩序リストの項目記号を画像に変更する

list-style-image: url(이미지 파일 경로)

表スタイル

caption-side

表のタイトルの設定

caption-side: top | bottom

border

表の外枠とセルの枠線を同時に指定する必要があります

border: <크기> <스타일> <색상>

border-collapse

表の枠線とセルの枠線を結合するかどうかを設定します.

border-collapse: <값>

separate:縁が重ならない

collapse:1つの枠で合わせる

border-spacing

表要素(th,td)間の余白を設定する

border-spacing: <크기>

empty-cells

border-collapse:separateセルを区切る場合、空のセルを表示するかどうかを指定

empty-cells: show | hide

table-layout

コンテンツのセル幅の指定

table-layout: fixed | auto

text-align

セル内で水平に整列

text-align: left | center | right

vertical-align

セル内で垂直に配置

vertical-align: top | middle | bottom