CSS multi-column, user interface properties

CSS Multi-column

Common Properties:

Column-count in several columns

Column-gap column Spacing

Column-rule the style of a row divider (as with border)

For example:

A div is divided into three columns, the spacing between columns is 10px, the split line is (can not be set) 5 pixels red solid line so write

<style>

Div{column-count:3;

column-gap:10px;

column-rule:5px solid red;

}

</style>

Write this style to prefix

Column-rule

Width: Selectable values are thin (thin border), medium (medium border), thick (thick border), or values can be specified

Styles: Optional values are hidden (hidden). Dotted (dot shape). Dashed (dashed line), solid (solid), double (two lines)

User interface-related properties in CSS

Resize: Adjusting dimensions

box-sizing: Box resizing

Shown below:

CSS multi-column, user interface properties