CSS에서 요소 높이를 20px로 설정하는 방법-CSS 튜토리얼-php.cn

CSS에서 요소 높이를 20px로 설정하는 방법

青灯夜游

풀어 주다： 2023-01-04 09:34:30

원래의

3458명이 탐색했습니다.

CSS에서는 높이 속성을 사용하여 요소의 높이를 설정할 수 있습니다. 요소의 높이를 "20px"로 설정하려면 요소에 "height:20px;" 스타일을 추가하기만 하면 됩니다. height 속성은 요소의 높이를 설정하는 데 사용됩니다. 이 속성은 요소의 콘텐츠 영역 높이를 정의하며 대체되지 않은 요소는 이 속성을 무시합니다.

CSS에서 요소 높이를 20px로 설정하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css는 요소의 높이를 20px로 설정합니다

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style>
			img.normal {
				height: auto;
			}
			
			img.big {
				height: 120px;
			}
			
			p {
				border: 1px solid red;
			}
			
			p.ex {
				height: 250px;
				width: 250px;
			}
		</style>
	</head>

	<body>
		<img  class="normal" src="img/1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="CSS에서 요소 높이를 20px로 설정하는 방법" ><br>
		<img  class="big" src="img/1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="CSS에서 요소 높이를 20px로 설정하는 방법" >
		<p>默认宽度和高度。这是段落中的一些文本。这是段落中的一些文本。 这是段落中的一些文本。</p>
		<p class="ex">段落的高和宽是 250px。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。</p>
	</body>

</html>

로그인 후 복사

Rendering:

CSS에서 요소 높이를 20px로 설정하는 방법

(동영상 공유 학습: css 비디오 튜토리얼)

css 높이 속성

height 속성은 요소의 높이를 설정합니다. 요소, 기본값 자동이며 상속이 없습니다.

height 속성은 요소의 콘텐츠 영역 높이를 정의하며 콘텐츠 영역 외부에 패딩, 테두리 및 여백을 추가할 수 있습니다.

대체되지 않은 인라인 요소는 이 속성을 무시합니다.

height 속성의 속성 값:

값	설명
auto	default. 브라우저는 실제 높이를 계산합니다.
length	px, cm 및 기타 단위를 사용하여 높이를 정의하세요.
%	이를 포함하는 블록 수준 객체의 높이 백분율을 기준으로 합니다.
inherit	은 높이 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.