반응형
CSS Height and Width
Setting height and width
height 및 width 속성은 요소의 높이 및 너비를 설정하는 데 사용됩니다.
높이와 너비를 자동으로 설정할 수 있습니다 (기본값 : 브라우저가 높이와 너비를 계산한다는 의미). 또는 px, cm 등의 길이 값 또는 포함 된 블록의 백분율 (%)로 지정합니다. .
Example
div {
height: 200px;
width: 50%;
background-color: powderblue;
}
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 200px;
width: 50%;
background-color: powderblue;
}
</style>
</head>
<body>
<h2>Set the height and width of an element</h2>
<p>This div element has a height of 200px and a width of 50%:</p>
<div>This element has a height of 100 pixels and a width of 500 pixels.</div>
</body>
</html>
반응형
'IT > css' 카테고리의 다른 글
The CSS Box Model (0) | 2017.02.03 |
---|---|
css Setting max-width (0) | 2017.02.03 |
CSS Padding (0) | 2017.02.02 |
CSS Margins (0) | 2017.02.02 |
CSS Border Properties (0) | 2017.02.02 |