[개요]
width 와 height 속성은 각각 가로 길이, 세로 길이를 의미합니다.
값을 정의할 때는 "100px" 처럼 숫자 뒤에 단위를 표시하여 적습니다.
(px는 픽셀이라는 의미이며, '50%'처럼 '%' 단위를 사용할 수도 있음.)
[사용법]
#box{ width: 100px; height: 60px }
[예시]
<html>
<body>
<div style="width: 150px; height: 80px; background-color: #d2f4ff; border: 2px solid #09c;">
150x80
</div>
<div style="width: 60px; height: 200px; background-color: #fde6ff; border: 2px solid #90C;">
90x120
</div>
</body>
</html>
[결과]
'STUDY > 디자인' 카테고리의 다른 글
| [CSS] box-sizing 속성 (0) | 2020.11.26 |
|---|---|
| [CSS] margin / padding 속성 (0) | 2020.11.25 |
| [CSS] 가상 클래스 선택자 (0) | 2020.11.23 |
| [CSS] 다중 조건 선택자 (0) | 2020.11.20 |
| [CSS] 부모 자식 선택자 (0) | 2020.11.19 |