2024年2月19日发(作者：)

CSS样式（规则）定义对话框中英文对照

一、【类型】

1、font-variant 属性设立小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

值 描述

默认值。浏览器会显示一个标准的字体。

浏览器会显示小型大写字母的字体。

normal

small-caps

inherit

规定应当从父元素继承 font-variant 属性的值。

2、text-transform 设立文本的大小写，只对英文字母有效。

值

none

capitalize

uppercase

lowercase

无转换发生

将每个单词的第一个字母转换成大写，其余无转换发生

转换成大写

转换成小写

描述

3、text-decoration 属性对文本进行修饰。

值 描述

默认。定义标准的文本。

定义文本下的一条线。

定义文本上的一条线。

定义穿过文本下的一条线。

定义闪烁的文本。

规定应当从父元素继承 text-decoration 属性的值。

none

underline

overline

line-through

blink

inherit

二、【背景】

1、background-attachment 属性设立背景图像是否固定或者随着页面的其余部分滚动。

值 描述

默认值。背景图像会随着页面其余部分的滚动而移动。

当页面的其余部分滚动时，背景图像不会移动。

规定应当从父元素继承 background-attachment 属性的设立。

scroll

fixed

inherit

三、【区块】

1、word-spacing属性 ，控制单词间的间隔。所谓单词，就是用空格分开的字符串，允许指定负长度值，这会让字之间挤得更紧。

值 描述

默认。定义单词间的标准空间。

定义单词间的固定空间。

规定应当从父元素继承 word-spacing 属性的值。

normal

length

inherit

2、letter-spacing 属性，与Word-spacing相似，但是它控制的是单个字符之间的间隔，而不是单词间。

值 描述

默认。规定字符间没有额外的空间。

定义字符间的固定空间（允许使用负值）。

规定应当从父元素继承 letter-spacing 属性的值。

normal

length

inherit

3、vertical-align 属性设立元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

值 描述

默认。元素放置在父元素的基线上。

垂直对齐文本的下标。

垂直对齐文本的上标

把元素的顶端与行中最高元素的顶端对齐

把元素的顶端与父元素字体的顶端对齐

把此元素放置在父元素的中部。

把元素的顶端与行中最低的元素的顶端对齐。

baseline

sub

super

top

text-top

middle

bottom

text-bottom

length

%

inherit

把元素的底端与父元素字体的底端对齐。

使用 "line-height" 属性的比例值来排列此元素。允许使用负值。

规定应当从父元素继承 vertical-align 属性的值。

4、text-align属性，与上面的相对。规定元素中的文本的水平对齐方式。

值 描述

把文本排列到左边。默认值：由浏览器决定。

把文本排列到右边。

把文本排列到中间。

实现两端对齐文本效果。

规定应当从父元素继承 text-align 属性的值。

left

right

center

justify

inherit

5、text-indent 属性规定文本块中首行文本的缩进。

值 描述

定义固定的缩进。默认值：0。

定义基于父元素宽度的比例的缩进。

规定应当从父元素继承 text-indent 属性的值。

length

%

inherit

6、white-space 属性设立如何解决元素内的空白。

值 描述

默认。空白会被浏览器忽略。

空白会被浏览器保存。其行为方式类似 HTML 中的 

 标签。 
文本不会换行，文本会在在同一行上继续，直到碰到 
 标签为止。 
normal 
pre 
nowrap 
pre-line 
inherit 
pre-wrap 
保存空白符序列，但是正常地进行换行。 
合并空白符序列，但是保存换行符。 
规定应当从父元素继承 white-space 属性的值。 
7、display 属性规定元素应当生成的框的类型。 
值 
None 
Block 
Inline 
inline-block 
四、【方框】 
不显示该元素，也不占位。 
此元素将显示为块级元素，此元素前后会带有换行符。 
默认值，此元素会被显示为内联元素，元素前后没有换行符。 
行内块元素。与 inline相比该元素稍微变高。 
描述 
 
 
1、float属性定义元素在哪个方向浮动。控制元素在这一行的右边还是左边，然后其他元素占据这一行剩余的地方，当然也可以让单独一行。 
值 描述 
元素向左浮动。 
元素向右浮动。 
默认值。元素不浮动，并会显示在其在文本中出现的位置。 
规定应当从父元素继承 float 属性的值。 
left 
right 
none 
inherit 
2、clear 属性规定元素的哪一侧不允许其他浮动元素。 
五、【边框】 
 
 
1、border-style属性用于设立元素所有边框的样式，或者单独地为各边设立边框样式。 
值 
none 
dotted 
solid 
定义无边框。 
描述 
hidden 
与 "none" 相同。但是应用于表时除外，对于表，hidden 用于解决边框冲突。 
定义点状边框。在大多数浏览器中呈现为实线。 
dashed 
定义虚线。在大多数浏览器中呈现为实线。 
定义实线。 
double 
定义双线。双线的宽度等于 border-width 的值。 
groove 
定义 3D 凹槽边框。其效果取决于 border-color 的值。 
ridge 
inset 
outset 
定义 3D 垄状边框。其效果取决于 border-color 的值。 
定义 3D inset 边框。其效果取决于 border-color 的值。 
定义 3D outset 边框。其效果取决于 border-color 的值。 
inherit 
规定应当从父元素继承边框样式。 
2、border-width属性为元素的所有边框设立宽度，或者单独地为各边边框设立宽度。只有当边框样式不是 none 时才起作用，假如边框样式是 none，边框宽度事实上会重置为 0，不允许指定负长度值。 
值 
thin 
thick 
length 
inherit 
描述 
定义细的边框。 
medium 
默认。定义中档的边框。 
定义粗的边框。 
允许您自定义边框的宽度。 
规定应当从父元素继承边框宽度。 
六、【列表】 
 
 
1、list-style-type 属性设立列表项标记的类型。 
值 描述 
无标记。 
默认。标记是实心圆。 
标记是空心圆。 
标记是实心方块。 
none 
disc 
circle 
square 
decimal 
标记是数字。 
2、list-style-position 属性设立在何处放置列表项标记。该属性用于声明列表标志相对于列表项内容的位置。外部 (outside) 标志会放在离列表项边框边界一定距离处，但是这距离在 
CSS 中未定义。内部 (inside) 标志解决为仿佛它们是插入在列表项内容最前面的行内元素同样。 
值 描述 
列表项目的记放置在文本以内，且围绕文本根据标记对齐。 
inside 
inherit 
保持标记位于文本的左侧。列表项目的记放置在文本以外，且围绕文本不根据标记对齐。 
outside 
默认值。规定应当从父元素继承 list-style-position 属性的值。 
七、【定位】 
 
 
1、position 属性规定元素的定位类型。 
值 描述 
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 
生成绝对定位的元素，相对于浏览器窗口进行定位。 
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 
生成相对定位的元素，相对于其正常位置进行定位。 
因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。 
默认值。没有定位，元素出现在正常的流中。 
absolute 
fixed 
relative 
static 
inherit 
规定应当从父元素继承 position 属性的值。 
2、Visibility 属性规定元素是否可见。即使不可见的元素也会占据页面上的空间。 
值 描述 
默认值，元素是可见的。 
元素是不可见的。 
当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局，被行或列占据的空间会留给其他内容使用，假如此值被用在其他的元素上，会呈现为 "hidden"。 
规定应当从父元素继承 visibility 属性的值。 
visible 
hidden 
collapse 
inherit 
3、z-index 属性设立元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处在堆叠顺序较低的元素的前面。元素可拥有负的 z-index 属性值，Z-index 仅能在定位元素上奏效。 
值 描述 
默认。堆叠顺序与父元素相等。 
auto 
inherit 
number 
设立元素的堆叠顺序。 
规定应当从父元素继承 z-index 属性的值。 
4、overflow 属性规定当内容溢出元素框时发生的事情。假如值为 scroll，不管是否需要，用户代理都会提供一种滚动机制。因此，有也许即使元素框中可以放下所有内容也会出现滚动条。 
值 描述 
visible 
默认值。内容不会被修剪，会呈现在元素框之外。 
hidden 
内容会被修剪，并且其余内容是不可见的。 
scroll 
auto 
内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 
假如内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 
inherit 
规定应当从父元素继承 overflow 属性的值。 
5、 placement 部分，这里重要控制元素的位置。对于 有top、right、bottom、left四个参数的优先级，我进行了几次尝试，得出的结果是 left 和top 高于right 和bottom。 
6、clip 属性剪裁绝对定位元素。这个属性用于定义一个剪裁矩形，对于一个绝对定义元素，在这个矩形内的内容才可见，出了这个剪裁区域的内容会根据 overflow 的值来解决，剪裁区域也许比元素的内容区大，也也许比内容区小。clip属性必须和定位属性postion一起使用才干生效。 
值 描述 
设立元素的形状。唯一合法的形状值是：rect (top, 
right, 
bottom, 
left) 
默认值。不应用任何剪裁。 
shape 
auto 
inherit 
规定应当从父元素继承 clip 属性的值。 
八、【扩展】 
 
 
1、cursor 属性规定要显示的鼠标光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。 
值 
default 
auto 
crosshair 
pointer 
默认光标（通常是一个箭头） 
默认。浏览器设立的光标。 
光标呈现为十字线。 
光标呈现为指示链接的指针（一只手） 
描述 
move 
e-resize 
ne-resize 
nw-resize 
n-resize 
se-resize 
sw-resize 
s-resize 
w-resize 
text 
wait 
help 
 
此光标指示某对象可被移动。 
此光标指示矩形框的边沿可被向右（东）移动。 
此光标指示矩形框的边沿可被向上及向右移动（北/东）。 
此光标指示矩形框的边沿可被向上及向左移动（北/西）。 
此光标指示矩形框的边沿可被向上（北）移动。 
此光标指示矩形框的边沿可被向下及向右移动（南/东）。 
此光标指示矩形框的边沿可被向下及向左移动（南/西）。 
此光标指示矩形框的边沿可被向下移动（南）。 
此光标指示矩形框的边沿可被向左移动（西）。 
此光标指示文本。 
此光标指示程序正忙（通常是一只表或沙漏）。 
此光标指示可用的帮助（通常是一个问号或一个气球）。