CSS dimension 속성은 요소의 가로, 세로 길이를 컨트롤하게 한다.
또한 두 라인 사이의 공백을 증가하게 한다.
CSS height Property
height 속성은 요소의 높이를 지정한다.
(상속불가)
Values
auto - 브라우저가 실제 높이를 계산한다.
length - px, cm 등으로 높이를 정의한다.
% - 포함하는 블럭의 %로 높이를 정의한다.
CSS line-height Property
line-height 속성은 줄간격을 지정한다.
(음수값 허용안함) (상속가능)
Values
normal - 라인 사이의 적당한 간격을 지정한다.
number - 줄간격을 지정하기 위해 현재 글꼴 크기로 늘려질 숫자를 지정한다.
length - 줄간격을 지정한다.
% - 현재 글꼴 크기의 %로 줄간격을 지정한다.
CSS max-height Property
(CSS max-width Property, CSS min-height Property, CSS min-width Property)
max-height 속성은 요소의 최대높이를 지정한다.
(상속불가)
Values
none - 요소에 허용된 최대 높이를 제한하지 않는다.
length - 요소의 최대 높이를 정의한다.
% - 포함된 블록의 %로 요소의 최대 높이를 지정한다.
또한 두 라인 사이의 공백을 증가하게 한다.
CSS height Property
height 속성은 요소의 높이를 지정한다.
(상속불가)
img
{
height: 230px
}
{
height: 230px
}
Values
auto - 브라우저가 실제 높이를 계산한다.
length - px, cm 등으로 높이를 정의한다.
% - 포함하는 블럭의 %로 높이를 정의한다.
CSS line-height Property
line-height 속성은 줄간격을 지정한다.
(음수값 허용안함) (상속가능)
p
{
line-height: 1.4
}
p
{
line-height: 14pt
}
p
{
line-height: 140%
}
{
line-height: 1.4
}
p
{
line-height: 14pt
}
p
{
line-height: 140%
}
Values
normal - 라인 사이의 적당한 간격을 지정한다.
number - 줄간격을 지정하기 위해 현재 글꼴 크기로 늘려질 숫자를 지정한다.
length - 줄간격을 지정한다.
% - 현재 글꼴 크기의 %로 줄간격을 지정한다.
<!-- 줄간격 지정 -->
<html>
<head>
<style type="text/css">
p.small {line-height: 0.4cm}
p.big {line-height: 0.9cm}
</style>
</head>
<body>
<p>
This is a paragraph with a standard line-height.
</p>
<p class="small">
This is a paragraph with a smaller line-height.
</p>
<p class="big">
This is a paragraph with a bigger line-height.
</p>
</body>
</html>
<html>
<head>
<style type="text/css">
p.small {line-height: 0.4cm}
p.big {line-height: 0.9cm}
</style>
</head>
<body>
<p>
This is a paragraph with a standard line-height.
</p>
<p class="small">
This is a paragraph with a smaller line-height.
</p>
<p class="big">
This is a paragraph with a bigger line-height.
</p>
</body>
</html>
CSS max-height Property
(CSS max-width Property, CSS min-height Property, CSS min-width Property)
max-height 속성은 요소의 최대높이를 지정한다.
(상속불가)
p
{
max-height: 100px
}
{
max-height: 100px
}
Values
none - 요소에 허용된 최대 높이를 제한하지 않는다.
length - 요소의 최대 높이를 정의한다.
% - 포함된 블록의 %로 요소의 최대 높이를 지정한다.
WRITTEN BY
- 손가락귀신
정신 못차리면, 벌 받는다.
,
