CSS 属性列表

CSS属性列表

序号

属性类别

属性

描述

1

动画属性

@keyframes

定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。

2

animation

复合属性。检索或设置对象所应用的动画特效。

3

animation-name

检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义

4

animation-duration

检索或设置对象动画的持续时间

5

animation-timing-function

检索或设置对象动画的过渡类型

6

animation-delay

检索或设置对象动画的延迟时间

7

animation-iteration-count

检索或设置对象动画的循环次数

8

animation-direction

检索或设置对象动画在循环中是否反向运动

9

animation-play-state

检索或设置对象动画的状态

10

背景属性

background

复合属性。设置对象的背景特性。

11

background-attachment

设置或检索背景图像是随对象内容滚动还是固定的。必须先指background-image属性。

12

background-color

设置或检索对象的背景颜色。

13

background-image

设置或检索对象的背景图像。

14

background-position

设置或检索对象的背景图像位置。必须先指定background-image属性。

15

background-repeat

设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。

16

background-clip

指定对象的背景图像向外裁剪的区域。

17

background-origin

S设置或检索对象的背景图像计算background-position时的参考原点(位置)

18

background-size

检索或设置对象的背景图像的尺寸大小。

19

边框和
轮廓属性

border

复合属性。设置对象边框的特性。

20

border-bottom

复合属性。设置对象底部边框的特性。

21

border-bottom-color

设置或检索对象的底部边框颜色。

22

border-bottom-style

设置或检索对象的底部边框样式。

23

border-bottom-width

设置或检索对象的底部边框宽度。

24

border-color

置或检索对象的边框颜色。

25

border-left

复合属性。设置对象左边边框的特性。

26

border-left-color

设置或检索对象的左边边框颜色。

27

border-left-style

设置或检索对象的左边边框样式。

28

border-left-width

设置或检索对象的左边边框宽度。

29

border-right

复合属性。设置对象右边边框的特性。

30

border-right-color

设置或检索对象的右边边框颜色。

31

border-right-style

设置或检索对象的右边边框样式。

32

border-right-width

设置或检索对象的右边边框宽度。

33

border-style

设置或检索对象的边框样式。

34

border-top

复合属性。设置对象顶部边框的特性。

35

border-top-color

设置或检索对象的顶部边框颜色

36

border-top-style

设置或检索对象的顶部边框样式。

37

border-top-width

设置或检索对象的顶部边框宽度。

38

border-width

设置或检索对象的边框宽度。

39

outline

复合属性。设置或检索对象外的线条轮廓。

40

outline-color

设置或检索对象外的线条轮廓的颜色。

41

outline-style

设置或检索对象外的线条轮廓的样式。

42

outline-width

设置或检索对象外的线条轮廓的宽度。

43

border-bottom-left-radius

设置或检索对象的左下角圆角边框。提供2个参数,2个参数以空格分隔,每个参数允许设置1个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数

44

border-bottom-right-radius

设置或检索对象的右下角圆角边框。

45

border-image

设置或检索对象的边框样式使用图像来填充。

46

border-image-outset

规定边框图像超过边框的量。

47

border-image-repeat

规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rounded)。

48

border-image-slice

规定图像边框的向内偏移。

49

border-image-source

规定要使用的图像,代替 border-style 属性中设置的边框样式。

50

border-image-width

规定图像边框的宽度。

51

border-radius

设置或检索对象使用圆角边框。

52

border-top-left-radius

定义左上角边框的形状。

53

border-top-right-radius

定义右上角边框的形状。

54

box-decoration-break

规定行内元素被折行

55

box-shadow

向方框添加一个或多个阴影。

56

盒子属性

overflow-x

如果内容溢出了元素内容区域,是否对内容的左/右边缘进行裁剪。

57

overflow-y

如果内容溢出了元素内容区域,是否对内容的上/下边缘进行裁剪。

58

overflow-style

规定溢出元素的首选滚动方法。

59

rotation

围绕由 rotation-point 属性定义的点对元素进行旋转。

60

rotation-point

定义距离上左边框边缘的偏移点。

61

颜色属性

color-profile

允许使用源的颜色配置文件的默认以外的规范

62

opacity

设置一个元素的透明度级别

63

rendering-intent

允许超过默认颜色配置文件渲染意向的其他规范

64

内边距
属性

padding

在一个声明中设置所有填充属性

65

padding-bottom

设置元素的底填充

66

padding-left

设置元素的左填充

67

padding-right

设置元素的右填充

68

padding-top

设置元素的顶部填充

69

媒体页面
内容属性

bookmark-label

指定书签的标签

70

bookmark-level

指定了书签级别

71

bookmark-target

指定了书签链接的目标

72

float-offset

在相反的方向推动浮动元素,他们一直具有浮动

73

hyphenate-after

指定一个断字的单词断字字符后的最少字符数

74

hyphenate-before

指定一个断字的单词断字字符前的最少字符数

75

hyphenate-character

指定了当一个断字发生时,要显示的字符串

76

hyphenate-lines

表示连续断字的行在元素的最大数目

77

hyphenate-resource

外部资源指定一个逗号分隔的列表,可以帮助确定浏览器的断字点

78

hyphens

设置如何分割单词以改善该段的布局

79

image-resolution

指定了正确的图像分辨率

80

marks

crop and/or cross标志添加到文档

81

string-set

82

尺寸属性

height

设置元素的高度

83

max-height

设置元素的最大高度

84

max-width

设置元素的最大宽度

85

min-height

设置元素的最小高度

86

min-width

设置元素的最小宽度

87

width

设置元素的宽度

88

弹性盒子
模型属性
(新)

flex

复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。

89

flex-grow

设置或检索弹性盒的扩展比率。

90

flex-shrink

设置或检索弹性盒的收缩比率。

91

flex-basis

设置或检索弹性盒伸缩基准值。

92

flex-flow

复合属性。设置或检索弹性盒模型对象的子元素排列方式。

93

flex-direction

该属性通过定义 flex 容器的主轴方向来决定 flex 子项在 flex 容器中的位置。

94

flex-wrap

该属性控制flex容器是单行或者多行,同时横轴的方向决定了新行堆叠的方向。

95

align-content

在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。

96

align-items

定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。

97

align-self

定义flex子项单独在侧轴(纵轴)方向上的对齐方式。

98

justify-content

设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。

99

order

设置或检索弹性盒模型对象的子元素出现的順序。

100

弹性盒子
模型属性
(旧)

box-align

指定如何对齐一个框的子元素

101

box-direction

指定在哪个方向,显示一个框的子元素

102

box-flex

指定一个框的子元素是否是灵活的或固定的大小

103

box-flex-group

指派灵活的元素到Flex

104

box-lines

每当它在父框的空间运行时,是否指定将再上一个新的行列

105

box-ordinal-group

指定一个框的子元素的显示顺序

106

box-orient

指定一个框的子元素是否在水平或垂直方向应铺设

107

box-pack

指定横向盒在垂直框的水平位置和垂直位置

108

字体属性

font

在一个声明中设置所有字体属性

109

font-family

规定文本的字体系列

110

font-size

规定文本的字体尺寸

111

font-style

规定文本的字体样式

112

font-variant

规定文本的字体样式

113

font-weight

规定字体的粗细

114

@font-face

一个规则,允许网站下载并使用其他超过"Web- safe"字体的字体

115

font-size-adjust

为元素规定 aspect

116

font-stretch

收缩或拉伸当前的字体系列

117

内容生成
属性

content

 :before 以及 :after 伪元素配合使用,来插入生成内容

118

counter-increment

递增或递减一个或多个计数器

119

counter-reset

创建或重置一个或多个计数器

120

quotes

设置嵌套引用的引号类型

121

crop

允许replaced元素只是作为一个对象代替整个对象的矩形区域

122

move-to

从流中删除元素,然后在文档中后面的点上重新插入。

123

page-policy

判定基于页面的给定元素的适用于计数器的字符串值

124

网格属性

grid-column

设置网格元素列的开始和结束位置

125

grid-row

设置网格元素行的开始和结束位置。

126

超链接属性

target

简写属性设置target-name, target-new,target-position属性

127

target-name

指定在何处打开链接(目标位置)

128

target-new

指定是否有新的目标链接打开一个新窗口或在现有窗口打开新标签

129

target-position

指定应该放置新的目标链接的位置

130

线框属性

alignment-adjust

允许更精确的元素的对齐方式

131

alignment-baseline

其父级指定的内联级别的元素如何对齐

132

baseline-shift

允许重新定位相对于dominant-baselinedominant-baseline

133

dominant-baseline

指定scaled-baseline-table

134

drop-initial-after-adjust

设置下拉的主要连接点的初始对齐点

135

drop-initial-after-align

校准行内的初始行的设置就是具有首字母的框使用初级连接点

136

drop-initial-before-adjust

设置下拉的辅助连接点的初始对齐点

137

drop-initial-before-align

校准行内的初始行的设置就是具有首字母的框使用辅助连接点

138

drop-initial-size

控制局部的首字母下沉

139

drop-initial-value

激活一个下拉式的初步效果

140

inline-box-align

设置一个多行的内联块内的行具有前一个和后一个内联元素的对齐

141

line-stacking

一个速记属性设置line-stacking-strategy, line-stacking-ruby,line-stacking-shift属性

142

line-stacking-ruby

设置包含Ruby注释元素的行对于块元素的堆叠方法

143

line-stacking-shift

设置base-shift行中块元素包含元素的堆叠方法

144

line-stacking-strategy

设置内部包含块元素的堆叠线框的堆叠方法

145

text-height

行内框的文本内容区域设置block-progression维数

146

列表属性

list-style

在一个声明中设置所有的列表属性

147

list-style-image

将图象设置为列表项标记

148

list-style-position

设置列表项标记的放置位置

149

list-style-type

设置列表项标记的类型

150

外边距
属性

margin

在一个声明中设置所有外边距属性

151

margin-bottom

设置元素的下外边距

152

margin-left

设置元素的左外边距

153

margin-right

设置元素的右外边距

154

margin-top

设置元素的上外边距

155

字幕属性

marquee-direction

设置内容移动的方向

156

marquee-play-count

设置内容移动多少次

157

marquee-speed

设置内容滚动的速度有多快

158

marquee-style

设置内容移动的样式

159

多列属性

column-count

指定元素应该分为的列数

160

column-fill

指定如何填充列

161

column-gap

指定列之间的差距

162

column-rule

对于设置所有column-rule-*属性的简写属性

163

column-rule-color

指定列之间的颜色规则

164

column-rule-style

指定列之间的样式规则

165

column-rule-width

指定列之间的宽度规则

166

column-span

指定元素应该跨越多少列

167

column-width

指定列的宽度

168

columns

缩写属性设置列宽和列数

169

页面媒体
属性

fit

如果其宽度和高度属性都不是auto给出一个提示,如何大规模替换元素

170

fit-position

判定方框内对象的对齐方式

171

image-orientation

指定用户代理适用于图像中的向右或顺时针方向的旋转

172

page

指定一个元素应显示的页面的特定类型

173

size

指定含有BOX的页面内容的大小和方位

174

定位属性

bottom

设置定位元素下外边距边界与其包含块下边界之间的偏移

175

clear

规定元素的哪一侧不允许其他浮动元素

176

clip

剪裁绝对定位元素

177

cursor

规定要显示的光标的类型(形状)

178

display

规定元素应该生成的框的类型

179

float

规定框是否应该浮动

180

left

设置定位元素左外边距边界与其包含块左边界之间的偏移

181

overflow

规定当内容溢出元素框时发生的事情

182

position

规定元素的定位类型

183

right

设置定位元素右外边距边界与其包含块右边界之间的偏移

184

top

设置定位元素的上外边距边界与其包含块上边界之间的偏移

185

visibility

规定元素是否可见

186

z-index

设置元素的堆叠顺序

187

分页属性

orphans

设置当元素内部发生分页时必须在页面底部保留的最少行数

188

page-break-after

设置元素后的分页行为

189

page-break-before

设置元素前的分页行为

190

page-break-inside

设置元素内部的分页行为

191

widows

设置当元素内部发生分页时必须在页面顶部保留的最少行数

192

Ruby属性

ruby-align

控制Ruby文本和Ruby基础内容相对彼此的文本对齐方式

193

ruby-overhang

Ruby文本超过Ruby的基础宽,确定ruby文本是否允许局部悬置任意相邻的文本,除了自己的基础

194

ruby-position

它的base控制Ruby文本的位置

195

ruby-span

控制annotation 元素的跨越行为

196

语音属性

mark

缩写属性设置mark-beforemark-after属性

197

mark-after

允许命名的标记连接到音频流

198

mark-before

允许命名的标记连接到音频流

199

phonemes

指定包含文本的相应元素中的一个音标发音

200

rest

一个缩写属性设置rest-beforerest-after属性

201

rest-after

一个元素的内容讲完之后,指定要休息一下或遵守韵律边界

202

rest-before

一个元素的内容讲完之前,指定要休息一下或遵守韵律边界

203

voice-balance

指定了左,右声道之间的平衡

204

voice-duration

指定应采取呈现所选元素的内容的长度

205

voice-pitch

指定平均说话的声音的音调(频率)

206

voice-pitch-range

指定平均间距的变化

207

voice-rate

控制语速

208

voice-stress

指示着重力度

209

voice-volume

语音合成是指波形输出幅度

210

表格属性

border-collapse

规定是否合并表格边框

211

border-spacing

规定相邻单元格边框之间的距离

212

caption-side

规定表格标题的位置

213

empty-cells

规定是否显示表格中的空单元格上的边框和背景

214

table-layout

设置用于表格的布局算法

215

文本属性

color

设置文本的颜色

216

direction

规定文本的方向 / 书写方向

217

letter-spacing

设置字符间距

218

line-height

设置行高

219

text-align

规定文本的水平对齐方式

220

text-decoration

规定添加到文本的装饰效果

221

text-indent

规定文本块首行的缩进

222

text-transform

控制文本的大小写

223

unicode-bidi

224

vertical-align

设置元素的垂直对齐方式

225

white-space

设置怎样给一元素控件留白

226

word-spacing

设置单词间距

227

text-emphasis

向元素的文本应用重点标记以及重点标记的前景色。

228

hanging-punctuation

指定一个标点符号是否可能超出行框

229

punctuation-trim

指定一个标点符号是否要去掉

230

text-align-last

 text-align 设置为 justify 时,最后一行的对齐方式。

231

text-justify

 text-align 设置为 justify 时指定分散对齐的方式。

232

text-outline

设置文字的轮廓。

233

text-overflow

指定当文本溢出包含的元素,应该发生什么

234

text-shadow

为文本添加阴影

235

text-wrap

指定文本换行规则

236

word-break

指定非CJK文字的断行规则

237

word-wrap

设置浏览器是否对过长的单词进行换行。

238

2D/3D
转换属性 

transform

适用于2D3D转换的元素

239

transform-origin

允许您更改转化元素位置

240

transform-style

3D空间中的指定如何嵌套元素

241

perspective

指定3D元素是如何查看透视图

242

perspective-origin

指定3D元素底部位置

243

backface-visibility

定义一个元素是否应该是可见的,不对着屏幕时

244

过渡属性

transition

此属性是 transition-propertytransition-durationtransition-timing-functiontransition-delay 的简写形式。

245

transition-property

设置用来进行过渡的 CSS 属性。

246

transition-duration

设置过渡进行的时间长度。

247

transition-timing-function

设置过渡进行的时序函数。

248

transition-delay

指定过渡开始的时间。

249

用户外观
属性

appearance

定义元素的外观样式

250

box-sizing

允许您为了适应区域以某种方式定义某些元素

251

icon

为元素指定图标

252

nav-down

指定用户按向下键时向下导航的位置

253

nav-index

指定导航(tab)顺序。

254

nav-left

指定用户按向左键时向左导航的位置

255

nav-right

指定用户按向右键时向右导航的位置

256

nav-up

指定用户按向上键时向上导航的位置a

257

outline-offset

设置轮廓框架在 border 边缘外的偏移

258

resize

定义元素是否可以改变大小

你可能感兴趣的:(CSS,css,前端)