CSS / border - 테두리 만드는 속성

개요

border는 테두리를 만드는 속성입니다. 위, 오른쪽, 아래, 왼쪽 선을 한 번에 정합니다.

  • 기본값 : medium, none, color
  • 상속 : No
  • 애니메이션 : Yes
  • 버전 : CSS Level 1

문법

  • border-width : 선의 두께를 정합니다. 기본값은 medium입니다.
  • border-style : 선의 모양을 정합니다. 기본값은 none입니다.
  • border-color : 선의 색을 정합니다. 기본값은 꾸미려는 요소의 색(color)입니다.
  • initial : 기본값으로 설정합니다.
  • inherit : 부모 요소의 속성값을 상속받습니다.

border-width에는 다음의 값을 넣을 수 있습니다.

border-style에는 다음의 값을 넣을 수 있습니다.

예제

브라우저 지원

  • Chrome : 1.0+
  • Firefox : 1.0+
  • Internet Explorer : 4.0+
  • Opera : 3.5+
  • Safari : 1.0+

CSS 강좌