Style border 속성

정의 및 사용법

border 속성을 간단한 형식으로 설정하거나 반환하여 최대 세 가지 단일 테두리 속성을 설정할 수 있습니다.

이 속성을 통해 다음 중 하나 또는 여러 가지를 설정하거나 반환할 수 있습니다:

다른 참조:

CSS 강의:CSS 테두리

CSS 참조 매뉴얼:border 속성

인스턴스

예제 1

<div> 요소에 테두리 추가:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

직접 시험해 보세요

예제 2

<div> 요소의 테두리 너비, 스타일 및 색상을 변경합니다:

document.getElementById("myDiv").style.border = "thin dotted red";

직접 시험해 보세요

예제 3

<div> 요소의 border 속성 값을 반환합니다:

alert(document.getElementById("myDiv").style.border);

직접 시험해 보세요

문법

border 속성 반환:

object.style.border

border 속성 설정:

object.style.border = "width style color|initial|inherit"

속성 값

값 설명
width 테두리의 너비를 설정합니다.
style 테두리의 스타일을 설정합니다.
color 테두리의 색상을 설정합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial.
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit.

기술 세부 사항

기본 값: 정의되지 않음.
반환 값: 문자열로, 요소의 테두리 너비, 스타일 및 / 또는 색상을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

border CSS1 (1996) 기능입니다.

모든 브라우저에서 완전히 지원됩니다:

크롬 에지 파이어폭스 사파리 오페라 IE
크롬 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 지원