IT/css

CSS Height and Width

조원태 2017. 2. 3. 23:05
반응형

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