CSS 테두리 너비 속성
예시
테두리 너비 설정:
div {border-width: thin;}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
속성 은 border-width
요소의 네 테두리 너비를 설정합니다. 이 속성은 1~4개의 값을 가질 수 있습니다.
예:
- 테두리 너비: 얇은 중간 두께 10px;
- 상단 테두리가 가늘다
- 오른쪽 테두리는 중간
- 하단 테두리가 두꺼운
- 왼쪽 테두리는 10px입니다.
- 테두리 너비: 얇은 중간 두께;
- 상단 테두리가 가늘다
- 오른쪽과 왼쪽 테두리는 중간
- 하단 테두리가 두꺼운
- 테두리 너비: 얇은 중간;
- 상하 테두리가 얇다.
- 오른쪽과 왼쪽 테두리는 중간
- 테두리 너비: 얇은;
- 네 개의 경계선이 모두 가늘다
참고: 항상 속성 앞에 border-styleborder-width
속성을 선언하십시오
. 너비를 설정하려면 요소에 테두리가 있어야 합니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 구문
border-width: medium|thin|thick|length|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
medium | Specifies a medium border. This is default | |
thin | Specifies a thin border | |
thick | Specifies a thick border | |
length | Allows you to define the thickness of the border. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
더 많은 예
예시
테두리 너비를 중간으로 설정합니다.
div {border-width: medium;}
예시
테두리 너비를 두껍게 설정합니다.
div {border-width: thick;}
예시
테두리 너비를 1px로 설정합니다.
div {border-width: 1px;}
예시
테두리 너비를 15px로 설정합니다.
div {border-width: 15px;}
예시
위쪽 및 아래쪽 테두리의 너비를 10px로 설정하고 왼쪽 및 오른쪽 테두리의 너비를 1px로 설정합니다.
div {border-width: 10px 1px;}
관련 페이지
CSS 튜토리얼: CSS 테두리
HTML DOM 참조: borderWidth 속성