CSS3: font-variant
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!