CSS 크기 속성
웹페이지 생성 과정에서 요소의 높이, 너비, 간격 등을 설정해야 할 수 있으며, 이를 위해서는 일부 크기 속성을 사용해야 합니다.
1. 높이 속성
높이 속성은 높이를 설정할 수 있습니다. 높은 요소.
상속: No >auto 기본값입니다. 브라우저는 실제 높이를 계산합니다.
length px, cm 및 기타 단위를 사용하여 높이를 정의합니다.
% 포함하는 블록 수준 객체의 높이 백분율을 기준으로 합니다.
2. line-height 속성
line-height 속성을 사용할 수 있습니다. 선 사이의 거리를 설정합니다.
참고: 음수 값은 허용되지 않습니다.
상속: 예가능한 값
값 >일반 기본값. 적당한 줄 간격을 설정하세요.
number 현재 글꼴 크기에 곱할 숫자를 설정하여 줄 간격을 설정합니다.
length 고정된 줄 간격을 설정합니다.
% 현재 글꼴 크기를 기준으로 한 줄 간격 백분율입니다.
3. max-height 속성
max-height 속성은 요소의 최대 높이를 설정할 수 있습니다. 상속: No >none 기본값입니다. 정의에서는 요소에 허용되는 최대 높이에 제한을 두지 않습니다.
length는 요소의 최대 높이 값을 정의합니다.% 최대 높이를 포함하는 블록 수준 개체를 기준으로 백분율로 정의합니다.
4. max-width 속성
max-width는 요소의 최대 너비를 정의할 수 있습니다.
상속: No >none 기본값입니다. 정의에서는 요소의 최대 너비에 제한을 두지 않습니다.
length는 요소의 최대 너비를 정의합니다.
%는 이를 포함하는 블록 수준 객체의 백분율을 기준으로 최대 너비를 정의합니다.
5. min-height 속성
min-height 속성은 요소의 최소 높이를 설정할 수 있습니다. 상속: No >length는 요소의 최소 높이를 정의합니다. 기본값은 0입니다.%는 이를 포함하는 블록 수준 개체의 비율을 기준으로 최소 높이를 정의합니다.
6. min-width 속성
min-width 속성은 요소의 최소 너비를 설정할 수 있습니다.
상속: No >length는 요소의 최소 너비 값을 정의합니다. 기본값: 브라우저에 따라 다릅니다.
%는 이를 포함하는 블록 수준 개체의 비율을 기준으로 최소 너비를 정의합니다.
7. 너비 속성
너비 속성은 요소의 너비를 설정할 수 있습니다. 상속: No . 브라우저는 실제 너비를 계산할 수 있습니다.길이 px, cm 및 기타 단위를 사용하여 너비를 정의합니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实例</title>
<style type="text/css">
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="95" height="84" /><br>
<img class="big" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="120" height="90" />
<p class="ex">这是一段句子的高和宽是 100px.</p>
</body>
</html>
예:
으아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아아앙 🎜>
