CSS 属性

文本(text)

参考：text

字体(font)

参考：font

列表(list)

参考：list

表格(table)

参考：table

盒模型(box)

参考：box-model flex-box

display

设置元素的盒类型。

属性值：

none 不显示（不可见，也不占据空间）
block 块级元素
inline 内联元素（默认）
inline-block 内联块元素
list-item 列表项
run-in 根据上下文判断为 block 或 inline
table 表格（类似 <table>）
inline-table 内联表格
table-row-group 表格的行分组（类似 <tbody>）
table-header-group 表格的行分组（类似 <thead>）
table-footer-group 表格的行分组（类似 <tfoot>）
table-row 表格的行（类似 <tr>）
table-column-group 表格列分组（类似 <colgroup>）
table-column 表格列（类似 <col>）
table-cell 表格单元格（类似 <td>）
table-caption 表格标题（类似 <caption>）
flex
inline-flex
contents
inline-table
grid
inline-grid

display: none; 和 visibility: hidden;：

两种方式下的元素都不可见；
display: none; 的元素不占据任何空间；
visibility: hidden; 仍然会占据原来的空间。

尺寸(dimension)

参考：dimension

外边距(margin)

参考：margin

内边距(padding)

参考：padding

边框(border)

参考：border

图像边框(border-image)

参考：border-image

轮廓(outline)

参考：outline

背景(background)

参考：background

背景渐变(background-gradient)

参考：gradient

圆角(border-radius)

参考：border-radius

盒阴影(box-shadow)

参考：box-shadow

溢出（overflow）

参考：overflow

弹性盒模型（flexible-box）

参考：flex-box

内容生成(content)

参考：content

多列(multi-column)

参考：column

定位(positioning)

参考：position

浮动(float)

参考：float

变换(transform)

参考：transform

过渡(transition)

参考：transition

动画(animation)

参考：animation

滤镜（filter）

参考：filter

其他(other)

###clip

设置元素的可见形状及尺寸（裁剪）。

属性值：

auto 不裁剪（默认）
shap 设置形状及大小（仅支持：rect(top,right,bottom,left)）

###cursor

设置鼠标外形。

属性值：

auto 自动（默认）
default 默认光标（箭头）
crosshair 十字线
pointer 手形
move 四向箭头
n-resize 可向上移动（纵双向箭头）
s-resize 可向下移动（纵双向箭头）
w-resize 可向左移动（横双向箭头）
e-resize 可向右移动（横双向箭头）
nw-resize 可向左上移动（右下-左上双向箭头）
ne-resize 可向右上移动（左下-右上双向箭头）
sw-resize 可向左下移动（右上-左下双向箭头）
se-resize 可向右下移动（左上-右下双向箭头）
text 文本选择光标
wait 等待光标（表/沙漏）
help 帮助光标（问号/气球）

###visibility

设置元素是否可见。

visible 可见（默认）
hidden 不可见（仍占据原位置及空间）
collapse 在表格中，隐藏行/列；在其他元素中，类似于 hidden

###resize

设置元素是否可调整大小。

属性值：

none 不能调整大小（默认）
horizontal 可调整宽度
vertical 可调整高度
both 可调整宽度和高度

###appearance

设置元素的呈现方式。

###box-sizing

设置元素盒模型的计算方式。

属性值：

content-box 按照 CSS2.1 的盒模型计算（宽度和高度应用于内容区域，内边距和边框属于额外部分）
border-box 宽度和高度指定了边框区域的总大小（宽度包含左右内边距和左右边框，高度包含上下内边距和上下边框）

参考：box-model