CSS3: font-variant
Giải phóng thời gian, khai phóng năng lực
Thuộc tính font-variant đóng vai trò như là một thuộc tính cha cho các thuộc tính: font-variant-caps
, font-variant-numeric
, font-variant-alternates
, font-variant-ligatures
, và font-variant-east-asian
.
Giá trị khởi tạo | normal |
---|---|
Áp dụng | Tất cả các phần tử, bao gồm cả ::first-letter and::first-line. |
Thừa kế | Có |
Media | visual |
Khả năng hoạt ảnh | không |
Cú pháp:
font-variant: small-caps;
font-variant: common-ligatures small-caps;
font-variant: inherit;
font-variant: initial;
font-variant: unset;
Các giá trị
normal
Đặt giá trị cho tất cả các thuộc tính con của font-variant thành normal.
none
Đặt giá trị của font-variant-ligatures
thành none và những thuộc tính con khác thành normal
.
<common-lig-values>, <discretionary-lig-values>, <historical-lig-values>,<contextual-alt-values>
Xác định từ khóa liên quan cho thuộc tính con font-variant-ligatures
. Các giá trị có thể gồm: common-ligatures
, no-common-ligatures
, discretionary-ligatures
, no-discretionary- ligatures
, historical-ligatures
, no-historical-ligatures
, contextual
, và no-contextual
.
stylistic()
, historical-forms
, styleset()
, character-variant()
, swash()
,ornaments()
, annotation()
Xác định các từ khóa và chức năng liên quan đến thuộc tính con font-variant-alternates
.
small-caps, all-small-caps, petite-caps, all-petite-caps, unicase, titling-caps
Xác định các từ khóa và chức năng liên quan đến thuộc tính con font-variant-caps
.
<numeric-figure-values>
, <numeric-spacing-values>
, <numeric-fraction-values>
,ordinal
, slashed-zero
Xác định các từ khóa liên quan đến thuộc tính con font-variant-numeric. Các giá trị có thể gồm:
lining-nums
, oldstyle-nums
, proportional-nums
, tabular-nums
,diagonal-fractions
, stacked-fractions
, ordinal
, và slashed-zero
.
<east-asian-variant-values>
, <east-asian-width-values>
, ruby
Xác định các từ khóa liên quan đến thuộc tính con font-variant-east-asian
. Các giá trị có thể gồm: jis78
, jis83
, jis90
, jis04
, simplified
, traditional
, full-width
, proportional-width
, ruby
.
Ví dụ
<style>
p.normal {
font-variant: normal;
}
p.small {
font-variant: small-caps;
}
</style>
<p class="normal">V1Study!</p>
<p class="small">V1Study!</p>
Kết quả:
V1Study!
V1Study!
Giải phóng thời gian, khai phóng năng lực