当前位置: 首页 > 文档资料 > CSS 入门教程 >

参考(References)

优质
小牛编辑
129浏览
2023-12-01

这是Web开发人员的完整参考指南,其中列出了万维网联盟推荐的级联样式表规范中定义的所有CSS属性,级别2。

单击任何属性以查看其描述的示例 -

Sr.No.财产和描述
1azimuth

描述声源沿听者环境水平轴的位置。

2background

以下属性的复合属性 -

  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat
3background-attachment

确定背景图像是固定在窗口中还是在文档滚动时滚动。

4background-color

设置元素的背景颜色。

5background-image

设置元素的背景图像。

6background-position

设置元素背景图像的初始位置(如果已指定); 值通常配对以提供x,y位置; 默认位置为0%0%。

7background-repeat

确定背景图像在元素上的重复(平铺)方式。

8border

设置元素边框的所有四个边框; value是一个或多个颜色, border-width的值和border-style.的值border-style.

9border-bottom

设置元素的下边框; value是一个或多个颜色, border-bottom-width的值和border-style的值。

10border-bottom-width

设置元素底部边框的粗细。

11border-collapse

设置表格边框渲染算法。

12border-color

设置元素所有四个边框的颜色; default是元素的颜色。

13border-left-color

设置元素左边框的颜色; default是元素的颜色。

14border-right-color

设置元素右边框的颜色; default是元素的颜色。

15border-top-color

设置元素顶部边框的颜色; default是元素的颜色。

16border-bottom-color

设置元素底部边框的颜色; default是元素的颜色。

17border-left

设置元素的左边框; value是一个或多个颜色, border-left-width的值和border-style的值。

18border-left-width

设置元素左边框的粗细。

19border-right

设置元素的右边框; value是一个或多个颜色, border-right-width的值和border-style的值。

20border-right-width

设置元素右边框的粗细。

21border-spacing

使用单独的边框设置边框之间的间距。 一个值设置垂直和水平间距,两个值分别设置水平和垂直间距。

22border-style

设置元素所有四个边框的样式。

23border-top

设置元素的顶部边框; value是一个或多个颜色, border-top-width的值和border-style的值。

24border-top-width

设置元素顶部边框的粗细。

25border-width

设置元素所有四个边框的粗细。

26bottom

position属性一起使用以放置元素的下边缘。

27caption-side

设置表格标题的位置。

28clear

设置元素的边距不得与浮动元素相邻; 元素向下移动,直到边缘清晰。

29clip

设置元素的剪贴蒙版。

30color

设置元素的颜色。

31content

在元素周围插入生成的内容。

32counter-increment

将计数器增加1; value是一个计数器名称列表,每个名称后面跟一个值递增的值。

33counter-reset

将计数器重置为零; value是计数器名称列表,每个名称后面都可以跟一个重置的值。

34cue-after

在说出元素后播放指定的声音。

35cue-before

在说出元素之前播放指定的声音。

36cursor

定义光标的形状。

37direction

定义元素内容的流向。

38display

控制元素的显示方式。

39elevation

设置播放声音的高度。

40empty-cells

使用单独的边框,会在表格中隐藏空单元格。

41float

确定元素是向左还是向右浮动,允许文本环绕它或以内联方式显示。

42font

设置元素的所有字体属性。 值是 - 的任何值 -

  • font-style
  • font-variant
  • font-weight
  • font-size
  • line-height
  • font-family
43font-family

定义元素的字体,可以是特定字体,也可以是通用serif,sans-serif,cursive,fantasy和monospace之一。

44font-size

定义字体大小。

45font-size-adjust

调整当前字体的宽高比。

46font-stretch

确定拉伸当前字体的数量。

47font-style

定义面部的样式,可以是普通样式,也可以是某种类型的倾斜样式。

48font-variant

将字体定义为小型大写字母。

49font-weight

定义字体粗细。 如果使用数字,则必须是100到900之间的100的倍数; 400是正常的,700与关键字粗体相同。

50height

定义元素的高度。

51left

position属性一起使用以放置元素的左边缘。

52letter-spacing

在文本字符之间插入额外的空格。

53line-height

设置相邻文本基线之间的距离。

54list-style

使用以下任何值定义与列表相关的样式:

  • list-style-image
  • list-style-position
  • list-style-type
55list-style-image

定义要用作列表项标记的图像,代替 - 的值 -

  • list-style-type
56list-style-position

相对于项目的内容缩进或扩展(默认)列表项的标记。

57list-style-type

为无序列表(圆形,圆盘或方形)或有序列表(十进制,loweralpha,lower-roman,none,upper-alpha或upper-roman)定义列表项的标记。

58margin

定义元素边距的所有四个。

59margin-bottom

定义元素的下边距。 默认值为0。

60margin-left

定义元素的左边距。 默认值为0。

61margin-right

定义元素的右边距。 默认值为0。

62margin-top

定义元素的上边距。 默认值为0。

63marker-offset

marker-offset属性可用于项目符号列表,用于指定标记框(或项目符号)的最近边框边缘与其关联的主框之间的距离。

64marks

marks属性用于在分页媒体上设置裁剪标记和十字标记。 这与@page规则一起使用。

65max-height

max-height属性用于约束元素的高度。

66max-width

max-width属性用于设置元素的最大宽度。

67min-height

min-height属性用于约束元素的高度。

68min-width

min-width属性用于约束元素的宽度。

69orphans

设置孤立段落片段中允许的最小行数。

70outline

outline属性是一个速记属性,用于指定所有轮廓属性。

71outline-color

outline-color属性用于指定轮廓的颜色。 请注意,与border属性不同,outline不占用额外空间,也可以是非矩形。

72outline-color-style

outline-style属性用于指定轮廓的样式。 请注意,与border属性不同,outline不占用额外空间,也可以是非矩形。

73outline-width

outline-color属性用于指定轮廓的颜色。 请注意,与border属性不同,outline不占用额外空间,也可以是非矩形。

74overflow

确定如何呈现溢出内容。

75padding

定义元素周围的所有四个填充量。

76padding-bottom

定义元素的底部填充。 默认值为0。

77padding-left

定义元素的左边距。 默认值为0。

78padding-right

定义元素的右边距。 默认值为0。

79padding-top

定义元素的顶部填充。 默认值为0。

80page

将命名页面布局与元素关联。

81page-break-after

强制或抑制元素后的分页符。

82page-break-before

在元素之前强制或抑制分页符。

83page-break-inside

禁止元素中的分页符。

84pause

pause属性是CSS简写,用于指定用于指定听觉媒体中的暂停的速记属性。

85pause-after

在讲完元素后暂停媒体。

86pause-before

在说出元素之前暂停媒体。

87pitch

设置元素口语内容的平均音高。

88pitch-range

设定音高范围,从0(平坦)到100(宽); 默认值为50。

89play-during

如果提供了URL,则在元素的口述内容期间播放,指定repeat循环音频; mix使其混合而不是替代其他背景音频。

90position

设置元素的定位模型。

91quotes

设置用于引用文本的引号。

92richness

设置声音的丰富程度,从0(平坦)到100(mellifluous); 默认值为50。

93right

position属性一起使用以放置元素的右边缘。

94size

size属性在分页媒体中用于指定页面的大小。

95speak

确定如何说出元素的内容。

96speak-header

确定是否为每行或每列说出一次表标题,或者每次说出一个单元格。

97speak-numeral

确定如何说出数字。

98speak-punctuation

确定是否说出标点符号或用于变形。

99speech-rate

设定语速; 一个数字设置每分钟的单词率。

100stress

设定声音的压力,从0(紧张性精神)到100(过度活跃); 默认值为50。

101table-layout

确定表呈现算法。

102text-align

设置元素的文本对齐样式。

103text-decoration

定义文本的任何装饰; 价值可以合并。

104text-indent

定义元素中第一行文本的缩进; 默认值为0。

105text-shadow

创建不同颜色和偏移的文本阴影。

106text-transform

相应地转换元素中的文本。

107top

position属性一起使用以放置元素的上边缘。

108vertical-align

设置元素的垂直位置。

109visibility

确定元素在文档或表中是否可见。

110voice-family

选择一个指定的语音系列来说出元素的内容。

111volume

设定口语内容的音量; 数值范围从0到100。

112white-space

定义如何处理元素中的空格。

113widows

设置w寡段落片段中允许的最小行数。

114width

定义元素的宽度。

115word-spacing

在单词之间插入额外的空格。

116z-index

设置当前元素的渲染层。

伪类和伪元素

Sr.No.财产和描述
1:active

使用此类可以为激活的元素添加特殊效果。

2:focus

使用此类可在元素具有焦点时为元素添加特殊效果。

3:hover

将鼠标悬停在元素上时,使用此类可以为元素添加特殊效果。

4:link

使用此类可以为未访问的链接添加特殊效果。

5:visited

使用此类可以为访问链接添加特殊效果。

6:first-child

使用此类可以向作为某个其他元素的第一个子元素的元素添加特殊效果。

7:lang

使用此类指定要在指定元素中使用的语言。

8:first-letter

使用此元素可以为文本的第一个字母添加特殊效果。

9:first-line

使用此元素可以为文本的第一行添加特殊效果。

10:before

使用此元素在元素前插入一些内容。

11:after

使用此元素在元素后插入一些内容。