CSS에서 테두리 너비를 설정하는 방법-CSS 튜토리얼-php.cn

CSS에서 테두리 너비를 설정하는 방법

青灯夜游

풀어 주다： 2023-01-05 16:10:26

원래의

11671명이 탐색했습니다.

CSS에서는 border-width 속성을 사용하여 테두리 너비를 설정할 수 있습니다. 구문 형식은 "border-width: 키워드 | 길이 단위의 값;"입니다. 여기서 키워드는 얇을 수 있습니다(얇은 테두리). 중간(중간 테두리), 두꺼운(거친 테두리).

CSS에서 테두리 너비를 설정하는 방법

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

css는 테두리 너비를 설정합니다

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p.one 
{
	border-style:solid;
	border-width:5px;
}
p.two 
{
	border-style:solid;
	border-width:medium;
}
p.three
{
	border-style:solid;
	border-width:thick;
}
</style>
</head>

<body>
<p class="one">一些文本。</p>
<p class="two">一些文本。</p>
<p class="three">一些文本。</p>
</body>

</html>

로그인 후 복사

Rendering:

CSS에서 테두리 너비를 설정하는 방법

지침:

"border-width" 속성은 단독으로 사용하면 작동하지 않습니다. 먼저 "border-style"을 사용해야 합니다. 프레임을 설정하는 속성입니다.

css border-width 속성

border-width 속성은 요소의 4개 테두리 너비를 설정합니다.

속성 값:

값	설명
thin	얇은 테두리를 정의합니다.
medium	기본값. 중간 테두리를 정의합니다.
thick	두꺼운 테두리를 정의합니다.
length	을 사용하면 테두리 너비를 맞춤 설정할 수 있습니다.

border-width 속성은 1~4개의 값을 가질 수 있습니다.

예: