CSS 教程手册（新）: CSS速查总表; CSS 教程学习导读; CSS简介; CSS语法; CSS 创建; +
CSS 定位(Position)

position

z-index

top

right

bottom

left

clip; +
CSS 布局(Layout)

display

float

clear

visibility

overflow; +
CSS 尺寸 (Dimension)

width

min-width

max-width

height

min-height

max-height

margin

padding; +
CSS 外边距(Margin)

margin-bottom

margin-left

margin-right

margin-top; +
CSS 填充（Padding）

padding-bottom

padding-left

padding-right

padding-top; +
CSS 背景(Backgrounds)

background

background-color

background-image

background-repeat

background-attachment

background-position

background-origin

background-clip

background-size; +
CSS 边框(Border)

border

border-width

border-style

border-color

box-shadow

border-radius

border-image

border-image-source

border-image-slice

border-image-width

border-image-outset

border-image-repeat; +
CSS 颜色(Color)

color

opacity; +
CSS 字体(Fonts)

font

font-style

font-variant

font-weight

font-size

font-family

font-stretch

font-size-adjust; +
CSS 文本(Text)

text-transform

white-space

tab-size

word-break

word-wrap

text-align

text-align-last

text-justify

word-spacing

letter-spacing

text-indent

vertical-align

line-height

text-size-adjust; +
CSS 文本装饰(Text Decoration)

text-decoration

text-decoration-line

text-decoration-color

text-decoration-style

text-decoration-skip

text-underline-position

text-shadow; +
CSS 书写模式(Writing Modes)

direction

unicode-bidi

writing-mode; +
CSS 列表样式(List)

list-style

list-style-image

list-style-position

list-style-type; +
CSS 表格(Table)

table-layout

border-collapse

border-spacing

caption-side

empty-cells; +
CSS 内容(Content)

content

counter-increment

counter-reset

quotes; +
CSS用户界面(User Interface)

appearance

text-overflow

outline

outline-width

outline-color

outline-style

outline-offset

nav-index

nav-up

nav-right

nav-down

nav-left

cursor

zoom

box-sizing

resize

ime-mode

user-select

pointer-events; +
CSS打印(Print)

page

page-break-before

page-break-after

page-break-inside; +
CSS媒体查询(Media Queries)

width

height

device-width

device-height

orientation

aspect-ratio

device-aspect-ratio

color

color-index

monochrome

<resolution>

scan

<grid>; CSS 链接(Link); +
CSS 轮廓（Outline）

outline

outline-color

outline-offset

outline-style

outline-width; CSS 分组和嵌套(Grouping and Nesting); CSS 浮动 (Float); CSS 盒子模型（Box Model）; CSS 显示(Display); CSS 导航栏(Navigation Bar); CSS 溢出(Overflow); CSS 下拉菜单(Drop down menu); CSS 对齐(Align); CSS 提示工具(Prompt Tool); CSS 图片廊(Image Gallery); +
CSS 图像透明/不透明(Opacity)

opacity; CSS 图像拼合技术(Image stitching technique); CSS 媒体类型(Media Type); +
Only IE

scrollbar-3dlight-color

scrollbar-darkshadow-color

scrollbar-highlight-color

scrollbar-shadow-color

scrollbar-arrow-color

scrollbar-face-color

scrollbar-track-color

scrollbar-base-color

filter

behavior; +
Only Webkit

text-stroke-width

text-stroke-color

box-reflect

tap-highlight-color

user-drag

text-fill-color

text-stroke; +
Only Firefox

border-colors

border-top-colors

border-right-colors

border-bottom-colors

border-left-colors; CSS 总结; CSS 手册导读; CSS 选择器; CSS 听觉参考手册; CSS Web安全字体组合; CSS 动画; CSS 函数; CSS 单位; CSS 颜色; +
CSS 颜色值

color

Color Name

HEX

RGB

RGBA

HSL

HSLA

transparent

currentColor; CSS 颜色名; CSS 颜色十六进制; CSS attr() 函数; CSS calc() 函数; CSS linear-gradient() 函数; CSS radial-gradient() 函数; CSS repeating-linear-gradient() 函数; +
元素选择符

* 选择器

element 选择器

#id 选择器

.class 选择器; +
关系选择符

包含选择器（E F）

子选择器（E>F）

相邻选择器(E+F)

兄弟选择器(E~F); +
属性选择符

[attribute] 选择器

[attribute=value] 选择器

[attribute~=value] 选择器

[attribute^=value] 选择器

[attribute$=value] 选择器

[attribute*=value] 选择器

[attribute|=value]选择器; +
伪类选择符

:link 选择器

:visited 选择器

:hover 选择器

:active 选择器

:focus 选择器

:lang 选择器

:not 选择器

:root 选择器

:first-child 选择器

:last-child 选择器

:only-child 选择器

:nth-child() 选择器

:nth-last-child() 选择器

:first-of-type 选择器

:last-of-type 选择器

:only-of-type 选择器

:nth-of-type()选择器

:nth-last-of-type() 选择器

:empty 选择器

:checked 选择器

:enabled 选择器

:disabled 选择器

:target 选择器

@page :first选择器

@page :left选择器

@page :right选择器; +
伪对象选择符

:first-letter 选择器

:first-line 选择器

:before 选择器

:after 选择器

::placeholder选择器

::selection 选择器; +
CSS 长度(Length)

<length>

em

ex

ch

rem

vw

vh

vmax

vmin

cm

mm

q

in

pt

pc

px; +
CSS 角度(Angle)

<angle>

deg

grad

rad

turn; +
CSS 时间(Time)

<time>

s

ms; +
CSS 频率(Frequency)

<frequency>

Hz

kHz; +
CSS 布局(Layout-specific)

<fraction>

grad

fr

gr; +
CSS 分辨率(Resolution)

<resolution>

dpi

dpcm

dppx; +
CSS 文本(Textual)

inherit

initial

unset

<string>

<url>

<identifier>; +
CSS 函数(Functional)

calc()

toggle(); +
CSS 生成内容(Content)

attr()

counter()

counters(); +
CSS 图像(Image)

<image>

image()

image-set()

<gradient>

linear-gradient()

radial-gradient()

repeating-linear-gradient()

repeating-radial-gradient(); +
CSS 数字(Numeric)

<number>

<integer>

<percentage>; !important; comment; @import; @page; @supports; border-top; scan; border-top-color; overflow-wrap; border-top-left-radius; text-size-adjust; border-top-right-radius; text-decoration-skip; text-underline-position; border-top-style; column-break-before; border-top-width; column-break-after; border-width; column-break-inside; bottom; text-fill-color; box-align; box-reflect; box-direction; tap-highlight-color; user-drag; box-flex; border-colors; box-flex-group; border-top-colors; box-lines; border-right-colors; box-ordinal-group; border-bottom-colors; border-left-colors; box-orient; scrollbar-3dlight-color; box-pack; scrollbar-darkshadow-color; box-shadow; scrollbar-highlight-color; box-sizing; scrollbar-shadow-color; caption-side; scrollbar-arrow-color; clear; scrollbar-arrow-color; clip; scrollbar-face-color; color; scrollbar-track-color; column-count; scrollbar-base-color; column-fill; behavior; column-gap; column-rule; column-rule-color; column-rule-style; column-rule-width; column-span; column-width; columns; content; counter-increment; counter-reset; 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-size; font-size-adjust; font-stretch; font-style; font-variant; font-weight; grid-columns; grid-rows; hanging-punctuation; height; icon; justify-content; @keyframes; left; letter-spacing; line-height; list-style; list-style-image; list-style-position; list-style-type; margin; margin-bottom; margin-left; margin-right; margin-top; max-height; max-width; @media; min-height; min-width; nav-down; nav-index; nav-left; nav-right; nav-up; opacity; order; outline; outline-color; outline-offset; outline-style; outline-width; overflow; overflow-x; overflow-y; padding; padding-bottom; padding-left; padding-right; padding-top; page-break-after; page-break-before; page-break-inside; perspective; perspective-origin; position; punctuation-trim; quotes; resize; right; rotation; tab-size; table-layout; target; target-name; target-new; target-position; text-align; text-align-last; text-decoration; text-decoration-color; text-decoration-line; text-decoration-style; text-indent; text-justify; text-outline; text-overflow; text-shadow; text-transform; text-wrap; top; transform; transform-origin; transform-style; transition; transition-delay; transition-duration; transition-property; transition-timing-function; unicode-bidi; pointer-events; vertical-align; user-select; visibility; ime-mode; white-space; zoom; width; -webkit-appearance; word-break; @charset; word-spacing; text-stroke; word-wrap; text-stroke-width; z-index; text-stroke-color; writing-mode; <angle>; deg; grad; rad; turn; s; align-content; ms; <frequency>; align-items; Hz; align-self; kHz; all; <fraction>; animation; <grid>; animation-delay; fr; animation-direction; gr; animation-duration; <resolution>; animation-fill-mode; dpi; animation-iteration-count; dpcm; dppx; animation-name; unset; animation-play-state; <string>; <url>; animation-timing-function; <identifier>; appearance; calc(); backface-visibility; toggle(); background; counter(); background-attachment; counters(); attr(); <image>; background-blend-mode; image(); background-clip; image-set(); background-color; <gradient>; background-image; repeating-radial-gradient(); background-origin; <integer>; background-position; <percentage>; background-repeat; background-size; border; border-bottom; border-bottom-color; border-bottom-left-radius; border-bottom-right-radius; border-bottom-style; border-bottom-width; border-collapse; border-color; border-image; border-image-outset; border-image-repeat; page; border-image-slice; page-break-before; border-image-source; page-break-after; page-break-inside; border-image-width; border-left; border-left-color; border-left-style; border-left-width; border-radius; border-right; device-width; border-right-color; device-height; border-right-style; orientation; border-right-width; aspect-ratio; border-spacing; device-aspect-ratio; border-style; color-index; monochrome; initial; inherit; RGBA; Color Name; HEX; RGB; HSL; HSLA; transparent; currentColor; <length>; em; ex; ch; rem; vw; vh; vmax; vmin; cm; mm; q; in; pt; pc; px; <number>; 颜色关键字(Color Keywords); 媒体类型(Media Types); 条件Hack; 属性级Hack; 选择符级Hack; Bugs及解决方案列表; CSS技巧和经验列表; 其它技巧和经验列表; 参考资源列表

CSS用户界面(User Interface)

在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等

前端控更新时间：2019-03-25 10:22:43

具体内容
相关视频
相关知识
最新评论

CSS基本用户界面属性

属性	版本	继承性	描述
appearance	CSS3	无	设置或检索外观按照本地默认样式
text-overflow	CSS3	无	当块容器overflow为非visible时，定义内联内容溢出其块容器是否截断或者添加(...)及自定义字符
outline	CSS2	无	复合属性。设置或检索对象外的线条轮廓
outline-width	CSS2	无	设置或检索对象外的线条轮廓的宽度
outline-style	CSS2	无	设置或检索对象外的线条轮廓的样式
outline-color	CSS2	无	设置或检索对象外的线条轮廓的颜色
outline-offset	CSS3	无	设置或检索对象外的线条轮廓偏移位置的数值
nav-index	CSS3	无	设置或检索对象的导航顺序。
nav-up	CSS3	无	设置或检索对象的导航方向。
nav-right	CSS3	无	设置或检索对象的导航方向。
nav-down	CSS3	无	设置或检索对象的导航方向。
nav-left	CSS3	无	设置或检索对象的导航方向。
cursor	CSS2	有	设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。
zoom	CSS3	有	设置或检索对象的缩放比例。
box-sizing	CSS3	无	设置或检索对象的盒模型组成模式。
resize	CSS3	无	设置或检索对象的区域是否允许用户缩放，调节元素尺寸大小。
ime-mode	CSS3	无	设置或检索是否允许用户激活输入中文，韩文，日文等的输入法（IME）状态。
user-select	CSS3	无	设置或检索是否允许用户选中文本。
pointer-events	CSS3	有	设置或检索在何时成为属性事件的target。

推荐手册

CSS用户界面(User Interface)