CSS3: font-variant

Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
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-capsfont-variant-numericfont-variant-alternatesfont-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ế
Media visual
Khả năng hoạt ảnh không

Cú pháp:

font-variant: small-caps;
font-variant: common-ligatures small-caps;
/* Các giá trị Global */
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-ligaturesno-common-ligaturesdiscretionary-ligaturesno-discretionary- ligatureshistorical-ligaturesno-historical-ligaturescontextual, và no-contextual.

stylistic(),  historical-formsstyleset()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>,ordinalslashed-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-numsoldstyle-numsproportional-numstabular-nums,diagonal-fractionsstacked-fractionsordinal, 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: jis78jis83jis90jis04simplifiedtraditionalfull-widthproportional-widthruby.

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!

» Tiếp: CSS: font-weight
« Trước: CSS: font-style
Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực
Copied !!!