How to set font transformation

Example analysis:

# The font-variant attribute is used to set the text to be displayed in a small caps font, which means all lowercase letters are converted to uppercase, but all letters using small caps font have a smaller font size compared to the rest of the text

The font-variant property is primarily used to define small caps text .

You can set the following attribute values:

●Normal: Default value, the browser will display a standard font.

● Small-caps: The browser will display fonts with small uppercase letters.

Next Section

new file

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
p.normal {font-variant:normal;}
p.small {font-variant:small-caps;}
</style>
</head>

<body>
<p class="normal">My name is Hege Refsnes.</p>
<p class="small">My name is Hege Refsnes.</p>
</body>

</html>

submit Reset Code

Automatic operation

Full Screen