CSS font-size 속성은 절대 및 상대 키워드로 설정할 수 있습니다. 원하는 대로 텍스트 크기를 조정합니다.
구문
CSS font-size 속성의 구문은 다음과 같습니다 -
Selector {
font-size: /*value*/
} 다음 표는 CSS에서 사용되는 표준 키워드를 나열합니다 -
| Sr.No | 가치 및 설명 |
|---|---|
| 1 | 중간 글꼴 크기를 중간 크기로 설정합니다. 이것은 기본값입니다 |
| 2 | xx-작은 글꼴 크기를 xx-작은 크기로 설정합니다. |
| 3 | 초소형 글꼴 크기를 매우 작은 크기로 설정합니다. |
| 4 | 작은 글꼴 크기를 작은 크기로 설정합니다. |
| 5 | 대형 글꼴 크기를 큰 크기로 설정합니다. |
| 6 | 대형 글꼴 크기를 초대형 크기로 설정합니다. |
| 7 | xx-대형 font-size를 xx-large 크기로 설정합니다. |
| 8 | 작게 font-size를 부모 요소보다 작은 크기로 설정합니다. |
| 9 | 더 크게 font-size를 부모 요소보다 큰 크기로 설정합니다. |
다음 예는 CSS font-size 속성을 키워드로 설정하는 방법을 보여줍니다.
예시
<!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> 출력
이것은 다음 출력을 제공합니다 -
예시
<!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> 출력
이것은 다음 출력을 제공합니다 -
