CSS 参考手册

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

CSS 属性

• 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
• backface-visibility
• background
• background-attachment
• background-blend-mode
• background-clip
• background-color
• background-image
• background-origin
• background-position
• 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
• border-image-slice
• border-image-source
• border-image-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-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-shadow
• box-sizing
• break-after
• break-before
• break-inside
• caption-side
• caret-color
• @charset
• clear
• clip
• clip-path
• color
• column-count
• column-fill
• 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-feature-settings
• font-kerning
• 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
• @import
• isolation
• justify-content
• justify-items
• justify-self
• @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
• mix-blend-mode
• object-fit
• object-position
• 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
• pointer-events
• position
• quotes
• resize
• right
• row-gap
• scroll-behavior
• tab-size
• table-layout
• text-align
• text-align-last
• text-decoration
• text-decoration-color
• text-decoration-line
• text-decoration-style
• text-decoration-thickness
• text-indent
• text-justify
• text-overflow
• text-shadow
• text-transform
• top
• transform
• transform-origin
• transform-style
• transition
• transition-delay
• transition-duration
• transition-property
• transition-timing-function
• unicode-bidi
• user-select
• vertical-align
• visibility
• white-space
• width
• word-break
• word-spacing
• word-wrap
• writing-mode
• z-index

定义和用法

font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

说明

该属性主要用于定义小型大写字母文本。理论上，用户代理可以根据正常字体计算出小型大写字母字体。

另请参阅：

CSS 教程：CSS 字体

CSS 参考手册：CSS font 属性

HTML DOM 参考手册：fontVariant 属性

实例

把段落设置为小型大写字母字体：

p.small
  {
  font-variant:small-caps;
  }

亲自试一试

CSS 语法

font-variant: normal|small-caps|initial|inherit;

属性值

技术细节

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

CSS 参考手册

CSS 实例

CSS 测验

CSS 教程