최신 웹 개발 튜토리얼
 

Style borderBottom Property

<스타일 개체

A를 아래쪽 테두리를 추가 <div> 요소 :

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

borderBottom의 속성 집합 또는 약식 형태로, 별도의 세 가지 경계 바닥 특성까지 반환합니다.

이 속성을 사용하면 중 하나 이상을 반환 / 설정할 수 있습니다 다음 (in any order) :

  • 테두리 바닥 너비
  • 국경 바닥 스타일
  • 국경 - 하단 색상

브라우저 지원

테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.

재산
borderBottom 1.0 4.0 1.0 1.0 3.5

통사론

borderBottom 속성을 반환합니다 :

object .style.borderBottom

borderBottom 속성을 설정 :

object .style.borderBottom=" 속성 값
매개 변수 기술
width 아래쪽 테두리의 폭을 설정합니다
style 아래쪽 테두리의 스타일을 설정합니다
color 아래쪽 테두리의 색상을 설정합니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 지정되지
반환 값 : 요소의 아래쪽 테두리의 폭, 스타일 및 / 또는 색상을 나타내는 문자열,
CSS 버전 CSS1

더 예

폭, 스타일과의 아래쪽 테두리의 색상 변경 <div> 요소를 :

document.getElementById("myDiv").style.borderBottom = "thin dotted red";
»그것을 자신을 시도

a의 경계 바닥 속성 값을 돌려줍니다 <div> 요소를 :

alert(document.getElementById("myDiv").style.borderBottom);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 국경

CSS 참조 : border-bottom property

HTML DOM 참조 : border property


<스타일 개체