생활코딩

Coding Everybody

코스 전체목록

닫기

border-color

Summary

테두리의 색상을 지정합니다.

<색상> | inherit
기본값 각 요소의 기본 색상값을 참조
적용대상 모든요소
상속 상속됨
퍼센테이지 지정불가
미디어 Visual

Value

  • 색상값

Tip

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

댓글

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

댓글 본문
  1. 푸른하늘
    9일차 공부 감사합니다
  2. 지나가다
    div { border-color: red black yellow }
    상=red, 좌, 우=black, 하=yellow, left=black

    에서 [, left=black] --> 사족
버전 관리
리체
현재 버전
선택 버전
graphittie 자세히 보기