آموزش ویژگی font-variant-caps در CSS

[Mohlek]

ویژگی font-variant-caps در واقع گسترش یافته ی ویژگی font-variant می باشد، که در CSS3 اضافه شده است و چندین مقدار جدید نیز به این ویژگی اضافه شده است.

مثلا ما با استفاده از ویژگی font-variant و مقدار small-caps میتونستیم تمامی حروف کوچک موجود در متن رو به حروف بزرگ تبدیل کنیم، ولی در این حالت حروف بزرگ موجود در متن کمی بزرگتر از بقیه حروف نمایش داده میشد.

حال ما با استفاده از ویژگی font-variant-caps و مقادیر جدیدی که در CSS3 براش اضافه شده میتونیم مثلا کاری کنیم که حتی اون حروف بزرگ که گفتم کمی بزرگتر نمایش داده میشن، اونارم کوچیک کنیم. ( مثال کمی پایین تر )

کد:

<style>

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

h2.allsmall {
font-variant-caps: all-small-caps;
}

</style>