Properties

Properties

Editing
  • account_tree
  • bug_report

border-width

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

사용 가능한 값 타입

〈line-width〉

사용되는 키워드

  • medium

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

  • thick

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

  • thin

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

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • 〈length〉

    숫자와 단위를 사용하여 길이, 크기, 위치를 나타내는 자료형이며 CSS에서 가장 자주 사용한다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈line-width〉mediumCSS1

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

구문

  • 〈line-width〉{1,4}

    최소 1개 값부터 최대 4개의 값을 공백으로 구분하여 작성할 수 있고 작성된 값의 갯수에 따라 적용되는 방향이 달라진다.

  • border-width thin;CSS1

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

  • border-width thin 5px;CSS1

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

  • border-width thin medium thick;CSS1

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

  • border-width 1px 2px 3px 4px;CSS1

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

  • object.style.borderWidth="1px 3px";CSS1

    자바스크립트 형식

테스트 도구

테두리 두께 설정

지원 웹브라우저