CSS font-size property can be set using absolute and relative keywords. This will scale the text as needed.
The syntax of CSS font-size attribute is as follows-
Selector {
font-size: /*value*/
}The following table lists the standard keywords used in CSS-
| Sr.No | Value &Description |
|---|---|
| 中Set the font size to medium. This is the default | |
| xx-small#set sets the font size to xx-small size | |
| x-small< /p> Set font size to special Small | |
| Small< /strong>Set the font size to a smaller size
| |
| ##large | Set font size to large |
| x-large | Set font size to extra large |
| xx-large | Set font size to xx-large size
|
| Smaller | Set the font size to be smaller than the parent element
|
| Bigger | Set the font size to a larger size than the parent element |
Example
<!DOCTYPE html>
<html>
<head>
<style>
h1{
font-size: larger;
}
#demo {
font-size: medium;
text-align: center;
background-color: floralwhite;
}
p {
font-size: xx-large;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p id="demo">This is demo text.</p>
<p>This is another demo text.</p>
</body>
</html>Output
Example
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: auto;
padding: 5px;
width: 30%;
border: 1px solid;
border-radius: 29%;
text-align: center;
font-size: xx-small;
}
p {
font-size: xx-large;
}
</style>
</head>
<body>
<div>
<div>One</div>
<p>Two</p>
</div>
</body>
</html>Output
The above is the detailed content of Set keyword font size using CSS. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
