bskyvision$

[css] 글자 굵게 만들어 주는 속성, font-weight

코딩/web
@2020-07-30 16:10:58

글자를 굵게하고 싶을 때는 css의 font-weight 속성을 사용하시면 됩니다. 값에 bold를 주시면 글자가 굵어집니다.

 

font-weight : bold;

 

아래 예제를 보시면 쉽게 이해하실 수 있을 것입니다. 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>글자 굵게</title>
    <style>
        #ex2 {
            font-weight: bold;
        }
    </style>
</head>
 
<body>
    <div id="ex1"><p>id가 ex1인 요소 안에 있는 글은 그대로.</p></div>
    <div id="ex2"><p>id가 ex2인 요소 안에 있는 글은 굵게.</p></div>    
</body>
 
</html>
cs

 

위 코드를 실행하면 다음과 같은 웹페이지가 생성됩니다. font-weight:bold로 꾸며준 id가 ex2 요소의 글자만 굵어진 것을 확인하실 수 있습니다. 

 

 

물론 굵기를 다양한 정도로 설정할 수 있지만, 이 글에서는 단순하게 bold 값을 이용해서 굵게 하는 것만 다뤘습니다. 

댓글

[1] [···] [101] [102] [103] [104] [105] [106] [107] [108] [109] [···] [542]