Front-end/Css
[CSS] 높이, 너비 사이즈
sky-j
2023. 7. 7. 09:47
반응형
높이(height)/너비(width)
너비부분에 주로 적용하는 속성.
★ max- : 확대될 수 있는 상한 설정
★ min- : 축소될 수 있는 하한 설정
※ 예) max-with: 100px; -> 100px까지만 확대됨.
max_min_sizing.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>max, min 사이즈</title>
<style type="text/css">
.d1 {
max-width: 600px;
height: 100px;
background-color: skyblue;
}
.d2 {
min-width: 600px;
height: 100px;
background-color: skyblue;
}
</style>
</head>
<body>
<div class='d1'>최대 너비</div><br>
<div class='d2'>최소 너비</div>
</body>
</html>반응형