Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

코스 전체목록

닫기

border-width

Summary

박스의 테두리 영역의 너비를 지정합니다.

thin | medium | thick | <길이>
기본값 medium
적용대상 모든요소
상속 상속안됨
퍼센테이지 지정불가
미디어 Visual

Value

  • thin : 얇은 테두리
  • medium : 보통의 테두리
  • thick : 두꺼운 테두리
  • 길이 : 테두리의 두께를 지정하는 명시적인 값. 음수가 될 수 없습니다.

Tip

  1. border-width 는 border-top-width, border-right-width, border-bottom-width, border-left-width들을 한꺼번에 지정하는 약식 속성입니다.
  2. 값의 갯수에 따라 border-width가 설정되는 범위
    • div { border-width: 2em }
      모든 마진들을 2em으로 설정
    • div { border-width: 1em 2em }
      상, 하 = 1em, 좌, 우 = 2em
    • div { border-width: 1em 2em 3em }
      상=1em, 좌, 우=2em, 하=3em, left=2em
  3. 다음과 같이 사용할 수 있습니다.
    div {
        border-width: thick;
    }

Sample

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
  1. 오류요정
    404
    That page doesn't exist
    라고 뜨네요 ㅠㅠ
  2. 푸른하늘
    9일차 공부 감사합니다
  3. 김금란
    div { border-width: 2em }
    모든 마진들을 2em으로 설정

    이부분 오타요 마진이라고 되어있어요 보더 위드인데!
  4. 1
버전 관리
리체
현재 버전
선택 버전
graphittie 자세히 보기