Skip to main content
Skip to search
Skip to select language

References
Learn
Plus
Curriculum ^New
Blog

Search MDN

Log in
Sign up for free

面向开发者的 Web 技术
CSS：层叠样式表
CSS 背景和边框
Border-image 生成器

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

Filter sidebar

CSS
Beginner's tutorials
Your first website: Styling the content
CSS styling basics
CSS text styling
CSS 布局概述
CSS 参考
Modules
Properties
1. -moz-*
  1. -moz-float-edge 非标准已弃用
  2. -moz-force-broken-image-icon 非标准已弃用
  3. -moz-image-region 非标准
  4. -moz-orient 非标准
  5. -moz-user-focus 非标准已弃用
  6. -moz-user-input 非标准已弃用
2. -webkit-*
  1. -webkit-border-before 非标准
  2. -webkit-box-reflect 非标准
  3. -webkit-line-clamp
  4. -webkit-mask-box-image 非标准
  5. -webkit-mask-composite 非标准
  6. -webkit-mask-position-x 非标准
  7. -webkit-mask-position-y 非标准
  8. -webkit-mask-repeat-x 非标准
  9. -webkit-mask-repeat-y 非标准
  10. -webkit-tap-highlight-color 非标准
  11. -webkit-text-fill-color
  12. -webkit-text-security 非标准
  13. -webkit-text-stroke
  14. -webkit-text-stroke-color
  15. -webkit-text-stroke-width
  16. -webkit-touch-callout 非标准
3. accent-color
4. align-*
5. all
6. anchor-name 实验性
7. animation-*
  1. animation
  2. animation-composition
  3. animation-delay
  4. animation-direction
  5. animation-duration
  6. animation-fill-mode
  7. animation-iteration-count
  8. animation-name
  9. animation-play-state
  10. animation-range 实验性
  11. animation-range-end 实验性
  12. animation-range-start 实验性
  13. animation-timeline 实验性
  14. animation-timing-function
8. appearance
9. aspect-ratio
10. backdrop-filter
11. backface-visibility
12. background-*
13. block-size
14. border-*
15. bottom
16. box-*
17. break-*
18. caption-side
19. caret-color
20. clear
21. clip-*
  1. clip 已弃用
  2. clip-path
  3. clip-rule
22. color-*
23. column-*
24. columns
25. contain-*
26. container-*
27. content
28. content-visibility
29. counter-*
30. cursor
31. cx
32. cy
33. d
34. direction
35. display
36. dominant-baseline
37. empty-cells
38. field-sizing 实验性
39. fill-*
40. filter
41. flex-*
42. float
43. flood-color
44. flood-opacity
45. font-*
46. forced-color-adjust
47. gap
48. grid-*
49. hanging-punctuation
50. height
51. hyphenate-character
52. hyphenate-limit-chars
53. hyphens
54. image-*
55. initial-letter
56. inline-size
57. inset-*
58. interpolate-size 实验性
59. isolation
60. justify-*
61. left
62. letter-spacing
63. lighting-color
64. line-*
  1. line-break
  2. line-height
  3. line-height-step 实验性
65. list-*
66. margin-*
67. marker-*
68. mask-*
69. math-*
  1. math-depth
  2. math-shift 实验性
  3. math-style
70. max-*
71. min-*
72. mix-blend-mode
73. object-fit
74. object-position
75. offset-*
76. opacity
77. order
78. orphans
79. outline-*
80. overflow-*
81. overlay 实验性
82. overscroll-*
83. padding-*
84. page-*
85. paint-order
86. perspective
87. perspective-origin
88. place-*
89. pointer-events
90. position-*
  1. position
  2. position-anchor 实验性
  3. position-area 实验性
  4. position-try 实验性
  5. position-try-fallbacks 实验性
  6. position-try-order 实验性
  7. position-visibility 实验性
91. print-color-adjust
92. quotes
93. r
94. resize
95. right
96. rotate
97. row-gap
98. ruby-align
99. ruby-position
100. rx
101. ry
102. scale
103. scroll-*
104. scrollbar-*
105. shape-*
106. stop-color
107. stop-opacity
108. stroke-*
109. tab-size
110. table-layout
111. text-*
112. timeline-scope 实验性
113. top
114. touch-action
115. transform-*
116. transition-*
117. translate
118. unicode-bidi
119. user-modify 非标准已弃用
120. user-select
121. vector-effect
122. vertical-align
123. view-*
124. visibility
125. white-space
126. white-space-collapse
127. widows
128. width
129. will-change
130. word-break
131. word-spacing
132. writing-mode
133. x
134. y
135. z-index
136. zoom
Selectors
关系选择器
Pseudo-classes
1. :-moz-broken 非标准已弃用
2. :-moz-drag-over 非标准
3. :-moz-first-node 实验性非标准
4. :-moz-handler-blocked 非标准
5. :-moz-handler-crashed 非标准
6. :-moz-handler-disabled 非标准
7. :-moz-last-node 实验性非标准
8. :-moz-loading 非标准
9. :-moz-locale-dir(ltr) 非标准
10. :-moz-locale-dir(rtl) 非标准
11. :blank 非标准
12. :-moz-submit-invalid 非标准
13. :-moz-suppressed 非标准
14. :-moz-user-disabled 非标准
15. :-moz-window-inactive 非标准
16. :active
17. :any-link
18. :autofill
19. :blank 实验性
20. :buffering
21. :checked
22. :current 实验性
23. :default
24. :defined
25. :dir()
26. :disabled
27. :empty
28. :enabled
29. :first
30. :first-child
31. :first-of-type
32. :focus
33. :focus-visible
34. :focus-within
35. :fullscreen
36. :future
37. :has-slotted 实验性
38. :has()
39. :host
40. :host-context()
41. :host()
42. :hover
43. :in-range
44. :indeterminate
45. :invalid
46. :is()
47. :lang()
48. :last-child
49. :last-of-type
50. :left
51. :link
52. :local-link 实验性
53. :modal
54. :muted
55. :not()
56. :nth-child()
57. :nth-last-child
58. :nth-last-of-type
59. :nth-of-type
60. :only-child
61. :only-of-type
62. :optional
63. :out-of-range
64. :past
65. :paused
66. :picture-in-picture
67. :placeholder-shown
68. :playing
69. :popover-open
70. :read-only
71. :read-write
72. :required
73. :right
74. :root
75. :scope
76. :seeking
77. :stalled
78. :state()
79. :target
80. :target-within 实验性
81. :user-invalid
82. :user-valid
83. :valid
84. :visited
85. :volume-locked
86. :where()
Pseudo-elements
1. ::-moz-color-swatch 非标准
2. ::-moz-focus-inner 实验性非标准
3. ::-moz-list-bullet 实验性非标准
4. ::-moz-list-number 实验性非标准
5. ::-moz-meter-bar 非标准
6. ::-moz-progress-bar 实验性非标准
7. ::-moz-range-progress 非标准
8. ::-moz-range-thumb 非标准
9. ::-moz-range-track 非标准
10. ::-webkit-inner-spin-button 非标准
11. ::-webkit-meter-bar 非标准已弃用
12. ::-webkit-meter-even-less-good-value 非标准
13. ::-webkit-meter-inner-element 非标准
14. ::-webkit-meter-optimum-value 非标准
15. ::-webkit-meter-suboptimum-value 非标准
16. ::-webkit-progress-bar 非标准
17. ::-webkit-progress-inner-element 非标准
18. ::-webkit-progress-value 非标准
19. ::-webkit-scrollbar 非标准
20. ::-webkit-search-cancel-button 非标准
21. ::-webkit-search-results-button 非标准
22. ::-webkit-slider-runnable-track 实验性非标准
23. ::-webkit-slider-thumb 实验性非标准
24. ::after
25. ::backdrop
26. ::before
27. ::cue (:cue)
28. ::file-selector-button
29. ::first-letter
30. ::first-line (:first-line)
31. ::grammar-error
32. ::highlight()
33. ::marker
34. ::part()
35. ::placeholder
36. ::selection
37. ::slotted()
38. ::spelling-error
39. ::target-text
40. ::view-transition
41. ::view-transition-group
42. ::view-transition-image-pair
43. ::view-transition-new
44. ::view-transition-old
At-rules
1. @charset
2. @color-profile
3. @container
4. @counter-style
5. @document 非标准已弃用
6. @font-face
7. @font-feature-values
8. @font-palette-values
9. @import
10. @keyframes
11. @layer
12. @media
13. @namespace
14. @page
15. @position-try 实验性
16. @property
17. @scope
18. @starting-style
19. @supports
20. @view-transition
Functions
Types
指南
动画
1. 使用 CSS 动画
背景和边框
1. 多个背景的应用
2. 重设背景图片的大小
Box alignment
盒模型
1. CSS 基础框盒模型介绍
2. 掌握外边距折叠
颜色
多列
条件规则
1. 使用特性查询
Containment
CSS 对象模型视图
1. 坐标系
弹性盒布局
流式布局
字体
1. OpenType 字体特性指南
2. Variable fonts guide
网格布局
图片
1. 使用 CSS 渐变
列表和计数器
1. 使用 CSS 计数器
2. 使列表缩进一致
逻辑属性
数学函数
1. Using CSS math functions
媒体查询
嵌套样式规则
定位
1. 理解 CSS 的 z-index 属性
滚动吸附
1. 滚动吸附的基本概念
形状
文本
1. Wrapping and breaking text
变换
1. 使用 CSS 变换
过渡
1. 使用 CSS 过渡
CSS 布局手册
工具

Border-image 生成器

这个工具用于生成 CSS border-image 的值。

Help improve MDN

Was this page helpful to you?

Learn how to contribute.

This page was last modified on 2023年8月2日 by MDN contributors.

View this page on GitHub • Report a problem with this content

Your blueprint for a better internet.

MDN on Mastodon
MDN on X (formerly Twitter)
MDN on GitHub
MDN Blog RSS Feed

MDN

About
Blog
Careers
Advertise with us

Support

Product help
Report an issue

Our communities

MDN Community
MDN Forum
MDN Chat

Developers

Web Technologies
Learn Web Development
MDN Plus
Hacks Blog

Website Privacy Notice
Cookies
Legal
Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2024 by individual mozilla.org contributors. Content available under a Creative Commons license.