Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to use the font-variant attribute to set small uppercase letters in css

2025-02-23 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

Editor to share with you how to use the font-variant attribute to set small uppercase letters in css. I hope you will get something after reading this article. Let's discuss it together.

The font-variant property or set small uppercase letters.

Small uppercase letters are not normal uppercase letters, nor are they lowercase letters. These letters use uppercase letters of different sizes.

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

Try it for yourself

Bold font

The font-weight property sets the thickness of the text.

Use the bold keyword to set the text setting equipment to bold.

The sticking word 100-900 specifies 9 levels of boldness for the font. If a font has these bold levels built in, the numbers shine directly to the predefined level, with 100 for the tiniest font distortion and 900 for the thickest font distortion. The number 400 is equivalent to normal and 700 is equivalent to bold.

Assuming that the bold of the element is configured as bolder, the reader will set the device to bold a font that is bolder than the accepted value. Similarly, the key word lighter causes the browser to move the roughness down rather than up.

Example p.normal {font-weight:normal;} p.thick {font-weight:bold;} p.thicker {font-weight:900;} after reading this article, I believe you have some understanding of "how to use the font-variant attribute to set small uppercase letters in css". If you want to know more about it, welcome to follow the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report