PHP MySQL jquery HTML CSS

CSS教程手册 CSS高级 CSS基础教程 CSS中级教程 CSS3高级教程 CSS响应式设计 CSS网格教程 CSS实例

参考手册浏览器支持参考手册选择器参考手册组合器参考手册伪类参考手册伪元素参考手册函数参考手册动画相关属性网络安全字体字体回退单位颜色合法颜色值默认值参考手册实体听觉参考手册 accent-color align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function aspect-ratio backdrop-filter backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-position-x background-position-y background-repeat background-size block-size border border-block border-block-color border-block-end border-block-end-color border-block-end-style border-block-end-width border-block-start border-block-start-color border-block-start-style border-block-start-width border-block-style border-block-width border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-end-end-radius border-end-start-radius border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-inline border-inline-color border-inline-end border-inline-end-color border-inline-end-style border-inline-end-width border-inline-start border-inline-start-color border-inline-start-style border-inline-start-width border-inline-style border-inline-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-start-end-radius border-start-start-radius border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-reflect box-shadow box-sizing break-after break-before break-inside caption-side caret-color @charset 规则 clear clip clip-path color color-scheme column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns @container 规则 content counter-increment counter-reset counter-set @counter-style 规则 cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face 规则 font-family font-feature-settings font-kerning @font-palette-values 规则 font-size font-size-adjust font-stretch font-style font-variant font-variant-caps font-weight gap grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-gap grid-column-start grid-gap grid-row grid-row-end grid-row-gap grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens hyphenate-character image-rendering @import 规则 initial-letter inline-size inset inset-block inset-block-end inset-block-start inset-inline inset-inline-end inset-inline-start isolation justify-content justify-items justify-self @keyframes 规则 @layer 规则 left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-block margin-block-end margin-block-start margin-bottom margin-inline margin-inline-end margin-inline-start margin-left margin-right margin-top marker marker-end marker-mid marker-start mask mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type max-block-size max-height max-inline-size max-width @media 规则 min-block-size min-inline-size min-height min-width mix-blend-mode @namespace 规则 object-fit object-position offset offset-anchor offset-distance offset-path offset-position offset-rotate opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-anchor overflow-wrap overflow-x overflow-y overscroll-behavior overscroll-behavior-block overscroll-behavior-inline overscroll-behavior-x overscroll-behavior-y padding padding-block padding-block-end padding-block-start padding-bottom padding-inline padding-inline-end padding-inline-start padding-left padding-top @page 规则 page-break-inside paint-order perspective perspective-origin place-content place-items place-self pointer-events position @property 规则 quotes resize right rotate row-gap scale @scope 规则 scroll-behavior scroll-margin scroll-margin-block scroll-margin-block-end scroll-margin-block-start scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end scroll-margin-inline-start scroll-margin-left scroll-margin-right scroll-margin-top scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start scroll-padding-right scroll-padding-top scroll-snap-stop scroll-snap-type scrollbar-color shape-outside @starting-style 规则 @supports 规则 tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style text-indent text-justify text-orientation text-overflow text-shadow text-transform text-underline-offset text-underline-position top transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function translate unicode-bidi user-select vertical-align visibility white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom 简介 CSS HEX 颜色 HSL 颜色背景图像背景重复背景附着背景简写边框宽度边框颜色边框各边简写边框属性圆角边框外边距合并轮廓宽度轮廓颜色轮廓简写轮廓偏移文本对齐文字装饰文本转换文字间距文本阴影字体样式字体大小谷歌字体字体属性布局 - width 和 max-width 布局 - z-index 布局 - 溢出布局 - clear 和 clearfix 布局 - 浮动实例布局 - display: inline-block 垂直导航栏水平导航栏计数器网站布局特异性 !important 规则数学函数圆角边框图像多重背景颜色颜色关键字渐变径向渐变阴影效果 Box Shadow 文本效果 Web 字体 2D 转换 3D 转换过渡动画工具提示设置图像样式 object-fit object-position 遮罩按钮分页实例多列用户界面变量覆盖变量使用 JavaScript 更改变量在媒体查询中使用变量 @property 规则 Box Sizing Flexbox 媒体查询媒体查询 - 实例 - 简介网格容器网格项目

CSS教程手册

参考手册浏览器支持参考手册选择器参考手册组合器参考手册伪类参考手册伪元素参考手册函数参考手册动画相关属性网络安全字体字体回退单位颜色合法颜色值默认值参考手册实体听觉参考手册

CSS高级

accent-color align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function aspect-ratio backdrop-filter backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-position-x background-position-y background-repeat background-size block-size border border-block border-block-color border-block-end border-block-end-color border-block-end-style border-block-end-width border-block-start border-block-start-color border-block-start-style border-block-start-width border-block-style border-block-width border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-end-end-radius border-end-start-radius border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-inline border-inline-color border-inline-end border-inline-end-color border-inline-end-style border-inline-end-width border-inline-start border-inline-start-color border-inline-start-style border-inline-start-width border-inline-style border-inline-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-start-end-radius border-start-start-radius border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-reflect box-shadow box-sizing break-after break-before break-inside caption-side caret-color @charset 规则 clear clip clip-path color color-scheme column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns @container 规则 content counter-increment counter-reset counter-set @counter-style 规则 cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face 规则 font-family font-feature-settings font-kerning @font-palette-values 规则 font-size font-size-adjust font-stretch font-style font-variant font-variant-caps font-weight gap grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-gap grid-column-start grid-gap grid-row grid-row-end grid-row-gap grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens hyphenate-character image-rendering @import 规则 initial-letter inline-size inset inset-block inset-block-end inset-block-start inset-inline inset-inline-end inset-inline-start isolation justify-content justify-items justify-self @keyframes 规则 @layer 规则 left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-block margin-block-end margin-block-start margin-bottom margin-inline margin-inline-end margin-inline-start margin-left margin-right margin-top marker marker-end marker-mid marker-start mask mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type max-block-size max-height max-inline-size max-width @media 规则 min-block-size min-inline-size min-height min-width mix-blend-mode @namespace 规则 object-fit object-position offset offset-anchor offset-distance offset-path offset-position offset-rotate opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-anchor overflow-wrap overflow-x overflow-y overscroll-behavior overscroll-behavior-block overscroll-behavior-inline overscroll-behavior-x overscroll-behavior-y padding padding-block padding-block-end padding-block-start padding-bottom padding-inline padding-inline-end padding-inline-start padding-left padding-top @page 规则 page-break-inside paint-order perspective perspective-origin place-content place-items place-self pointer-events position @property 规则 quotes resize right rotate row-gap scale @scope 规则 scroll-behavior scroll-margin scroll-margin-block scroll-margin-block-end scroll-margin-block-start scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end scroll-margin-inline-start scroll-margin-left scroll-margin-right scroll-margin-top scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start scroll-padding-right scroll-padding-top scroll-snap-stop scroll-snap-type scrollbar-color shape-outside @starting-style 规则 @supports 规则 tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style text-indent text-justify text-orientation text-overflow text-shadow text-transform text-underline-offset text-underline-position top transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function translate unicode-bidi user-select vertical-align visibility white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom

CSS基础教程

CSS中级教程

布局 - width 和 max-width 布局 - z-index 布局 - 溢出布局 - clear 和 clearfix 布局 - 浮动实例布局 - display: inline-block 垂直导航栏水平导航栏计数器网站布局特异性 !important 规则数学函数

CSS3高级教程

圆角边框图像多重背景颜色颜色关键字渐变径向渐变阴影效果 Box Shadow 文本效果 Web 字体 2D 转换 3D 转换过渡动画工具提示设置图像样式 object-fit object-position 遮罩按钮分页实例多列用户界面变量覆盖变量使用 JavaScript 更改变量在媒体查询中使用变量 @property 规则 Box Sizing Flexbox 媒体查询媒体查询 - 实例

CSS响应式设计

- 简介

CSS网格教程

网格容器网格项目

CSS实例

CSS教程

更新时间2025-07-16

浏览器支持参考手册

CSS 属性

A

accent-color	指定用户界面控件的强调色。
align-content	规定弹性容器内的行之间的对齐方式，当项目不使用所有可用空间时。
align-items	规定弹性容器内项目的对齐方式。
align-self	规定弹性容器内所选项目的对齐方式。
all	重置所有属性（除了 unicode-bidi 和 direction）。
animation	所有 animation-* 属性的简写属性。
animation-delay	规定开始动画的延迟。
animation-direction	规定动画是向前播放、向后播放还是交替播放。
animation-duration	规定动画完成一个周期应花费的时间。
animation-fill-mode	规定元素在不播放动画时（在开始之前、结束之后、或同时）的样式。
animation-iteration-count	规定动画的播放次数。
animation-name	规定 @keyframes 动画的名称。
animation-play-state	规定动画是播放还是暂停。
animation-timing-function	规定动画的速度曲线。
aspect-ratio	指定元素的首选宽高比。

B

backdrop-filter	定义元素背景区域的图形效果。
backface-visibility	定义当面对用户时元素的背面是否应可见。
background	所有 background-* 属性的简写属性。
background-attachment	设置背景图像是与页面的其余部分一起滚动还是固定的。
background-blend-mode	规定每个背景图层（颜色/图像）的混合模式。
background-clip	定义背景（颜色或图像）应在元素内延伸的距离。
background-color	规定元素的背景色。
background-image	规定元素的一幅或多幅背景图像。
background-origin	规定背景图像的初始位置。
background-position	规定背景图像的位置。
background-position-x	指定背景图像在 x 轴上的位置。
pr_background-position-y	指定背景图像在 y 轴上的位置。
background-repeat	设置是否以及如何重复背景图像。
background-size	规定背景图像的尺寸。
block-size	指定元素在块方向上的大小。
border	border-width、border-style 以及 border-color 的简写属性。
border-block	以下属性的简写属性： border-block-width border-block-style border-block-color
border-block-color	设置块方向上开始和结束边框的颜色。
border-block-end	以下属性的简写属性： border-block-end-width border-block-end-style border-block-end-color
border-block-end-color	设置块方向上结束边框的颜色。
border-block-end-style	设置块方向上结束边框的样式。
border-block-end-width	设置块方向上结束边框的宽度。
border-block-start	以下属性的简写属性： border-block-start-width border-block-start-style border-block-start-color
border-block-start-color	设置块方向上开始边框的颜色。
border-block-start-style	设置块方向上开始边框的样式。
border-block-start-width	设置块方向上开始边框的宽度。
border-block-style	设置块方向上开始和结束边框的样式。
border-block-width	设置块方向上开始和结束边框的宽度。
border-bottom	border-bottom-width、border-bottom-style 以及 border-bottom-color 的简写属性。
border-bottom-color	设置下边框的颜色。
border-bottom-left-radius	定义左下角的边框圆角。
border-bottom-right-radius	定义右下角的边框圆角。
border-bottom-style	设置下边框的样式。
border-bottom-width	设置下边框的宽度。
border-collapse	设置表格边框是折叠为单一边框还是分开的。
border-color	设置四条边框的颜色。
border-end-end-radius	设置元素块结束和行内结束边之间的角落半径。
border-end-start-radius	设置元素块结束和行内开始边之间的角落半径。
border-image	border-image-* 属性的简写属性。
border-image-outset	规定边框图像区域超出边框的量。
border-image-repeat	规定边框图像应重复、圆角、还是拉伸。
border-image-slice	规定如何裁切边框图像。
border-image-source	规定用作边框的图像的路径。
border-image-width	规定边框图像的宽度。
border-inline	以下属性的简写属性： border-inline-width border-inline-style border-inline-color
border-inline-color	设置行内方向上开始和结束边框的颜色。
border-inline-end	以下属性的简写属性： border-inline-end-width border-inline-end-style border-inline-end-color
border-inline-end-color	设置行内方向上结束边框的颜色。
border-inline-end-style	设置行内方向上结束边框的样式。
border-inline-end-width	设置行内方向上结束边框的宽度。
border-inline-start	以下属性的简写属性： border-inline-start-width border-inline-start-style border-inline-start-color
border-inline-start-color	设置行内方向上开始边框的颜色。
border-inline-start-style	设置行内方向上开始边框的样式。
border-inline-start-width	设置行内方向上开始边框的宽度。
border-inline-style	设置行内方向上开始和结束边框的样式。
border-inline-width	设置行内方向上开始和结束边框的宽度。
border-left	所有 border-left-* 属性的简写属性。
border-left-color	设置左边框的颜色。
border-left-style	设置左边框的样式。
border-left-width	设置左边框的宽度。
border-radius	四个 border-*-radius 属性的简写属性。
border-right	所有 border-right-* 属性的简写属性。
border-right-color	设置右边框的颜色。
border-right-style	设置右边框的样式。
border-right-width	设置右边框的宽度。
border-spacing	设置相邻单元格边框之间的距离。
border-start-end-radius	设置元素块开始和行内结束边之间的角落半径。
border-start-start-radius	设置元素块开始和行内开始边之间的角落半径。
border-style	设置四条边框的样式。
border-top	border-top-width、border-top-style 以及 border-top-color 的简写属性。
border-top-color	设置上边框的颜色。
border-top-left-radius	定义左上角的边框圆角。
border-top-right-radius	定义右上角的边框圆角。
border-top-style	设置上边框的样式。
border-top-width	设置上边框的宽度。
border-width	设置四条边框的宽度。
bottom	设置元素相对于其父元素底部的位置。
box-decoration-break	设置元素在分页符处的背景和边框的行为，或对于行内元素在换行符处的行为。
box-reflect	用于创建元素的反射效果。
box-shadow	将一个或多个阴影附加到元素。
box-sizing	定义元素的宽度和高度的计算方式：它们是否应包含内边距和边框。
break-after	规定指定元素之后是否应出现 page-、column- 或 region-break。
break-before	规定指定元素之前是否应出现 page-、column- 或 region-break。
break-inside	规定指定元素内部是否应出现 page-、column- 或 region-break。

C

caption-side	规定表格标题的放置方式。
caret-color	规定光标在 input、textarea 或任何可编辑元素中的颜色。
@charset	规定样式表中使用的字符编码。
clear	规定不允许在元素的哪一侧浮动元素
clip	剪裁绝对定位的元素。
clip-path	将元素裁剪为基本形状或 SVG 源。
color	设置文本的颜色。
color-scheme	指示元素应使用哪个操作系统配色方案进行渲染。
column-count	规定元素应分为的列数。
column-fill	指定如何填充列（是否 balanced）。
column-gap	规定列间隙。
column-rule	所有 column-rule-* 属性的简写属性。
column-rule-color	规定列之间规则的颜色。
column-rule-style	规定列之间的规则样式。
column-rule-width	规定列之间的规则宽度。
column-span	规定元素应该跨越多少列。
column-width	规定列宽度。
columns	column-width 和 column-count 的简写属性。
@container	根据容器的大小或样式定义容器内元素的样式。
content	与 :before 和 :after 伪元素一起使用，来插入生成的内容。
counter-increment	增加或减少一个或多个 CSS 计数器的值。
counter-reset	创建或重置一个或多个 CSS 计数器。
counter-set	创建或设置一个或多个 CSS 计数器。
@counter-style	允许您定义自定义的计数器样式。
cursor	规定当指向元素时要显示的鼠标光标。

D

direction	规定文本方向/书写方向。
display	规定如何显示某个 HTML 元素。

E

empty-cells

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

F

filter	定义元素显示之前的效果（例如，模糊或颜色偏移）。
flex	flex-grow、flex-shrink 以及 flex-basis 的简写属性。
flex-basis	规定弹性项目的初始长度。
flex-direction	规定弹性项目的方向。
flex-flow	flex-direction 和 flex-wrap 的简写属性。
flex-grow	规定项目相对于其余项目的增量。
flex-shrink	规定项目相对于其余项目的减量。
flex-wrap	规定弹性项目是否应该换行。
float	规定是否应该对盒（box）进行浮动。
font	font-style、font-variant、font-weight、font-size/line-height 以及 font-family 的简写属性。
@font-face	允许网站下载和使用 "web-safe" 字体以外的其他字体的规则。
font-family	规定文本的字体族（字体系列）。
font-feature-settings	允许控制 OpenType 字体中的高级印刷特性。
@font-feature-values	允许创作者使用 font-variant-alternate 中的通用名来实现在 OpenType 中以不同方式激活的特性。
font-kerning	控制字距调整信息的使用（字母间距）。
font-language-override	控制特定语言的字形在字体的使用。
@font-palette-values	允许您自定义字体调色板的默认值。
font-size	规定文本的字体大小。
font-size-adjust	保持发生字体回退时的可读性。
font-stretch	从字体系列中选择一个普通的、压缩的或扩展的字体。
font-style	规定文本的字体样式。
font-synthesis	控制哪些缺失的字体（粗体或斜体）可以由浏览器合成。
font-variant	规定是否应该以小型大写字体显示文本。
font-variant-alternates	控制与 @font-feature-values 中定义的备用名称关联的备用字形的使用。
font-variant-caps	控制大写字母的备用字形的使用。
font-variant-east-asian	控制东亚文字（例如中文和日语）的备用字形的使用。
font-variant-ligatures	控制在适用于元素的文本内容中使用哪些连字和上下文形式。
font-variant-numeric	控制数字、分数和序号标记的备用字形的使用。
font-variant-position	控制较小字体的替代字形的使用，这些字形相对于字体基线定位为上标或下标。
font-weight	规定字体的粗细。

G

grid	grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。
grid-area	即可规定网格项的名称，也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。
grid-auto-columns	规定默认的列尺寸。
grid-auto-flow	规定如何在网格中插入自动放置的项目。
grid-auto-rows	规定默认的行尺寸。
grid-column	grid-column-start 和 grid-column-end 属性的简写属性。
grid-column-end	规定如何结束网格项目。
grid-column-gap	规定列间隙的尺寸。
grid-column-start	规定网格项目从何处开始。
grid-gap	grid-row-gap 和 grid-column-gap 的简写属性。
grid-row	grid-row-start 和 grid-row-end 属性的简写属性。
grid-row-end	规定网格项目在何处结束。
grid-row-gap	规定列间隙的尺寸。
grid-row-start	规定网格项目从何处开始。
grid-template	grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。
grid-template-areas	规定如何使用命名的网格项显示列和行。
grid-template-columns	指定列的尺寸以及网格布局中的列数。
grid-template-rows	指定网格布局中的行的尺寸。

H

hanging-punctuation	规定是否可以在行框外放置标点符号。
height	设置元素的高度。
hyphens	设置如何分割单词以改善段落的布局。
hyphenate-character	设置在换行前用于连字符断行的字符。

I

image-rendering	指定用于图像缩放的算法类型。
@import	允许您将样式表导入另一张样式表。
initial-letter	指定首字母的大小，并可选地指定首字母应下沉的行数。
inline-size	指定元素在行内方向上的大小。
inset	指定元素与父元素之间的距离。
inset-block	指定元素与父元素在块方向上的距离。
inset-block-end	指定元素结束处与父元素在块方向上的距离。
inset-block-start	指定元素开始处与父元素在块方向上的距离。
inset-inline	指定元素与父元素在行内方向上的距离。
inset-inline-end	指定元素结束处与父元素在行内方向上的距离。
inset-inline-start	指定元素开始处与父元素在行内方向上的距离。
isolation	定义元素是否必须创建新的堆叠内容。

J

justify-content	规定项目在弹性容器内的对齐方式，当项目未用到所有可用空间时。
justify-items	规定网格项在行内方向的对齐方式。在网格容器上设置。
justify-self	规定网格项在行内方向的对齐方式。在网格项上设置。

K

@keyframes

规定动画代码。

L

@layer	控制 CSS 层叠层如何评估样式的顺序。
left	规定定位元素的左侧位置。
letter-spacing	增加或减少文本中的字符间距。
line-break	如何如何/是否换行。
line-height	设置行高。
list-style	在一条声明中设置所有列表属性。
list-style-image	把图像指定为列表项标记。
list-style-position	规定列表项标记的位置。
list-style-type	规定列表项标记的类型。

M

margin	在一条声明中设置所有外边距属性。
margin-block	指定块方向上的外边距。
margin-block-end	指定块方向上结束处的外边距。
margin-block-start	指定块方向上开始处的外边距。
margin-bottom	设置元素的下外边距。
margin-inline	指定行内方向上的外边距。
margin-inline-end	指定行内方向上结束处的外边距。
margin-inline-start	指定行内方向上开始处的外边距。
margin-left	设置元素的左外边距。
margin-right	设置元素的右外边距。
margin-top	设置元素的上外边距。
marker	指向将在元素路径的所有顶点（第一个、中间和最后一个）上绘制的标记。
marker-end	指向将在元素路径的最后一个顶点上绘制的标记。
marker-mid	指向将在元素路径的所有中间顶点上绘制的标记。
marker-start	指向将在元素路径的第一个顶点上绘制的标记。
mask	以下属性的简写属性： mask-image mask-mode mask-repeat mask-position mask-clip mask-origin mask-size mask-composite
mask-clip	指定受遮罩图像影响的区域。
mask-composite	指定在当前遮罩层与其下方的遮罩层上使用的合成操作。
mask-image	指定用作元素遮罩层的图像。
mask-mode	指定遮罩层图像是作为亮度遮罩还是作为 alpha 遮罩处理。
mask-origin	指定遮罩层图像的原始位置（遮罩位置区域）。
mask-position	设置遮罩层图像的起始位置（相对于遮罩位置区域）。
mask-repeat	指定遮罩层图像的重复方式。
mask-size	指定遮罩层图像的大小。
mask-type	指定 SVG 元素是作为亮度遮罩还是作为 alpha 遮罩处理。
max-height	设置元素的最大高度。
max-width	设置元素的最大宽度。
@media	为不同的媒体类型、设备、尺寸设置样式规则。
max-block-size	设置元素在块方向上的最大大小。
max-inline-size	设置元素在行内方向上的最大大小。
min-block-size	设置元素在块方向上的最小大小。
min-inline-size	设置元素在行内方向上的最小大小。
min-height	设置元素的最小高度。
min-width	设置元素的最小宽度。
mix-blend-mode	规定元素内容应如何与其直接父的背景相混合。

N

@namespace

定义在样式表中使用的 XML 命名空间。

O

object-fit	规定替换元素的内容应如何适合其所用高度和宽度建立的框。
object-position	指定替换元素在其框内的对齐方式。
offset	以下属性的简写属性： offset-anchor offset-distance offset-path offset-position offset-rotate
offset-anchor	指定元素上固定在动画路径上的点。
offset-distance	指定动画元素在路径上的位置。
offset-path	指定元素沿其动画的路径。
offset-position	指定元素沿路径的初始位置。
offset-rotate	指定元素沿路径动画时的旋转。
opacity	设置元素的不透明等级。
order	设置弹性项目相对于其余项目的顺序。
orphans	设置页面或列底部必须保留的最小行数。
orphans	设置在元素内发生分页时必须保留在页面底部的最小行数。
outline	outline-width、outline-style 以及 outline-color 属性的简写属性。
outline-color	设置轮廓的颜色。
outline-offset	对轮廓进行偏移，并将其绘制到边框边缘之外。
outline-style	设置轮廓的样式。
outline-width	设置轮廓的宽度。
overflow	规定如果内容溢出元素框会发生什么情况。
overflow-anchor	指定在可滚动容器中加载新内容时，是否应将可见区域中的内容向下推。
overflow-wrap	指定浏览器是否可以在长单词溢出容器时断行。
overflow-wrap	规定浏览器是否可能为了防止溢出而在单词内折行（当字符串太长而无法适应其包含框时）。
overflow-x	规定是否剪裁内容的左右边缘，如果它溢出了元素的内容区域。
overflow-y	规定是否剪裁内容的上下边缘，如果它溢出了元素的内容区域。
overscroll-behavior	指定在 x 和 y 方向上是否具有滚动链或过度滚动效果。
overscroll-behavior-block	指定在块方向上是否具有滚动链或过度滚动效果。
overscroll-behavior-inline	指定在行内方向上是否具有滚动链或过度滚动效果。
overscroll-behavior-x	指定在 x 方向上是否具有滚动链或过度滚动效果。
overscroll-behavior-y	指定在 y 方向上是否具有滚动链或过度滚动效果。

P

padding	所有 padding-* 属性的简写属性。
padding-block	指定块方向上的内边距。
padding-block-end	指定块方向上结束处的内边距。
padding-block-start	指定块方向上开始处的内边距。
padding-bottom	设置元素的下内边距。
padding-inline	指定行内方向上的内边距。
padding-inline-end	指定行内方向上结束处的内边距。
padding-inline-start	指定行内方向上开始处的内边距。
padding-left	设置元素的左内边距。
padding-right	设置元素的右内边距。
padding-top	设置元素的上内边距。
@page	自定义打印页面的尺寸、方向和边距。
page-break-after	设置元素之后的分页（page-break）行为。
page-break-before	设置元素之前的分页（page-break）行为。
page-break-inside	设置元素内的分页（page-break）行为。
paint-order	设置 SVG 元素或文本的绘制顺序。
perspective	为 3D 定位元素提供透视。
perspective-origin	定义用户观看 3D 定位元素的位置。
place-content	指定 flexbox 和网格布局的 align-content 和 justify-content 属性值。
place-items	指定网格布局的 align-items 和 justify-items 属性值。
place-self	指定网格布局的 align-self 和 justify-self 属性值。
pointer-events	定义元素是否对指针事件做出反应。
position	规定用于元素的定位方法的类型（静态、相对、绝对或固定）。
@property	直接在样式表中定义自定义 CSS 属性，无需运行任何 JavaScript。

Q

quotes

设置引号类型。

R

resize	定义用户是否以及如何调整元素的尺寸。
right	规定定位元素的左侧位置。
rotate	指定元素的旋转。
row-gap	指定网格行之间的间隙。

S

scale	通过放大或缩小来指定元素的大小。
@scope	允许您选择特定 DOM 子树中的元素，并精确地定位元素，而无需编写过于具体的选择器。
scroll-behavior	规定可滚动框中是否平滑地滚动，而不是直接跳跃。
scroll-margin	指定吸附位置与容器之间的外边距。
scroll-margin-block	指定块方向上吸附位置与容器之间的外边距。
scroll-margin-block-end	指定块方向上吸附位置与容器结束处之间的外边距。
scroll-margin-block-start	指定块方向上吸附位置与容器开始处之间的外边距。
scroll-margin-bottom	指定底部吸附位置与容器之间的外边距。
scroll-margin-inline	指定行内方向上吸附位置与容器之间的外边距。
scroll-margin-inline-end	指定行内方向上吸附位置与容器结束处之间的外边距。
scroll-margin-inline-start	指定行内方向上吸附位置与容器开始处之间的外边距。
scroll-margin-left	指定左侧吸附位置与容器之间的外边距。
scroll-margin-right	指定右侧吸附位置与容器之间的外边距。
scroll-margin-top	指定顶部吸附位置与容器之间的外边距。
scroll-padding	指定容器到子元素吸附位置的距离。
scroll-padding-block	指定块方向上容器到子元素吸附位置的距离。
scroll-padding-block-end	指定块方向上容器结束到子元素吸附位置的距离。
scroll-padding-block-start	指定块方向上容器开始到子元素吸附位置的距离。
scroll-padding-bottom	指定容器底部到子元素吸附位置的距离。
scroll-padding-inline	指定行内方向上容器到子元素吸附位置的距离。
scroll-padding-inline-end	指定行内方向上容器结束处到子元素吸附位置的距离。
scroll-padding-inline-start	指定行内方向上容器开始处到子元素吸附位置的距离。
scroll-padding-left	指定容器左侧到子元素吸附位置的距离。
scroll-padding-right	指定容器右侧到子元素吸附位置的距离。
scroll-padding-top	指定容器顶部到子元素吸附位置的距离。
scroll-snap-align	指定用户停止滚动时元素的位置。
scroll-snap-stop	指定在触控板或触摸屏上快速滑动后的滚动行为。
scroll-snap-type	指定滚动时的吸附行为。
scrollbar-color	指定元素滚动条的颜色。
shape-outside	定义行内内容的环绕形状。
@starting-style	定义元素在首次样式更新之前的起始样式。
@supports	用于测试浏览器是否支持某种 CSS 特性。

T

tab-size	规定制表符的宽度。
table-layout	定义用于对单元格、行和列进行布局的算法。
text-align	规定文本的水平对齐方式。
text-align-last	描述当 text-align 为 "justify" 时，如何在强制换行之前对齐块或行的最后一行。
text-combine-upright	将多个字符组合到到单个字符的空间中。
text-decoration	规定文本装饰。
text-decoration-color	规定文本装饰（text-decoration）的颜色。
text-decoration-line	规定文本装饰（text-decoration）中的的行类型。
text-decoration-style	规定文本装饰（text-decoration）中的行样式。
text-decoration-thickness	规定装饰线的粗细。
text-emphasis	以下属性的简写属性： text-emphasis-style text-emphasis-color
text-emphasis-color	指定强调标记的颜色。
text-emphasis-position	指定强调标记的位置。
text-emphasis-style	指定强调标记的样式。
text-indent	规定文本块（text-block）中的的首行缩进。
text-justify	规定当 text-align 为 "justify" 时使用的对齐方法。
text-orientation	定义一行中字符的方向。
text-overflow	规定当文本溢出包含元素时应该发生的情况。
text-shadow	添加文本阴影。
text-transform	控制文本的大写。
text-underline-offset	指定下划线文本装饰的偏移距离。
text-underline-position	指定下划线文本装饰的位置。
top	规定定位元素的顶端位置。
transform	向元素应用 2D 或 3D 转换。
transform-origin	允许您更改转换元素的位置。
transform-style	规定如何在 3D 空间中渲染嵌套的元素。
transition	所有 transition-* 属性的简写属性。
transition-delay	规定合适开始过渡效果。
transition-duration	规定完成过渡效果所需的秒或毫秒数。
transition-property	规定过渡效果对应的 CSS 属性的名称。
transition-timing-function	规定过渡效果的速度曲线。
translate	指定元素的位置。

U

unicode-bidi	与 direction 属性一起使用，设置或返回是否应覆写文本来支持同一文档中的多种语言。
user-select	规定是否能选取元素的文本。

V

vertical-align	设置元素的垂直对齐方式。
visibility	规定元素是否可见。

W

white-space	规定如何处理元素内的空白字符。
widows	设置页面或列顶部必须保留的最小行数。
widows	设置如果元素内发生分页，必须在页面顶部保留的最小行数。
width	设置元素的宽度。
word-break	规定单词到达行末后如何换行。
word-spacing	增加或减少文本中的单词间距。
word-wrap	允许长的、不能折行的单词换到下一行。
writing-mode	规定文本行是水平还是垂直布局。

Z

z-index	设置定位元素的堆叠顺序。
zoom	指定元素的缩放因子。元素可以放大和缩小。

浏览器支持参考手册