기술
글꼴 크기 속성은 엘레멘트의 텍스트의 크기에 영향을줍니다.
가능한 값
xx-small − 요소의 텍스트를 x-small 값의 결과보다 작은 크기로 설정합니다.
x-small − 요소의 텍스트를 작은 값으로 인한 것보다 작은 크기로 설정합니다.
small − 요소의 텍스트를 값 매체의 크기보다 작게 설정합니다.
medium − 요소의 텍스트를 큰 값으로 인한 것보다 작게, 작은 값으로 인한 것보다 크게 설정합니다.
large − 요소의 텍스트를 값 매체의 결과보다 큰 크기로 설정합니다.
x-large − 요소의 텍스트를 큰 값의 결과보다 큰 크기로 설정합니다.
xx-large − 요소의 텍스트를 x-large 값의 결과보다 더 크게 설정합니다.
larger − 요소의 텍스트를 부모의 텍스트보다 크게 설정합니다.
smaller − 요소의 텍스트를 부모의 텍스트보다 작게 설정합니다.
length− 허용되는 모든 길이 값. 글꼴 크기에는 음수 길이 값이 허용되지 않습니다.
percentage − 부모의 텍스트 크기를 기준으로 요소의 텍스트 크기를 설정합니다.
적용
모든 HTML 요소.
DOM 구문
object.style.fontSize = "12pt";
예
다음은이 속성을 사용한 예입니다.
<html>
<head>
</head>
<body>
<p style = "font-size:20px;">
This font size is 20 pixels
</p>
<p style = "font-size:small;">
This font size is small
</p>
<p style = "font-size:large;">
This font size is large
</p>
</body>
</html>
이것은 다음 결과를 생성합니다-