Properties

Properties

Draft
  • account_tree
  • bug_report

border-width

요소의 테두리의 두께를 설정한다.

설정 가능한 속성 값

  • medium기본값키워드CSS1

    기본 값이며 중간 굵기의 테두리 두께를 지정한다.

  • thin키워드CSS1

    가는 테두리 두께를 지정한다.

  • thick키워드CSS1

    두꺼운 테두리 두께를 지정한다.

  • length숫자단위허용CSS1

    테두리 두께를 픽셀 단위로 지정한다.

    • 사용 가능한 단위: px
  • initial키워드CSS3

    CSS의 기본 값으로 설정한다.

구문

  • border-width medium or thin or thick or length or initial;기본형식CSS1

    하나의 값으로 네 변의 테두리의 두께를 지정된 상수 또는 직접 값을 설정할 수 있다.

  • border-width 1px 2px 3px 4px;사용 예CSS1

    4개의 값을 공백으로 구분하여 설정하는 경우 차례대로 상단, 오른쪽, 하단, 왼쪽 순으로 테두리의 두께를 지정할 수 있다. 따라서 상단은 1픽셀, 오른쪽은 2픽셀, 하단은 3픽셀, 왼쪽은 4픽셀의 두께를 설정한다.

  • border-width thin medium thick;사용 예CSS1

    3개의 값을 공백으로 구분하여 지정시 첫 번째 값은 상단, 두 번째 값은 좌우, 세 번째 값은 하단의 테두리의 두께를 지정할 수 있다. 따라서 상단은 thin, 좌우는 medium, 하단은 thick 두께를 설정한다.

  • border-width thin 5px;사용 예CSS1

    2개의 값을 공백으로 구분하여 지정시 첫 번째 값은 상하, 두 번째 값은 좌우 테두리의 두께를 지정할 수 있다. 따라서 상하단은 thin, 좌우는 5픽셀의 두께를 설정한다.

  • object.style.borderWidth="1px 3px";자바스크립트 형식CSS1

    자바스크립트 형식

테스트 도구

테두리 두께 설정

지원 웹브라우저