http://ha927.com.ne.kr/color.html

저작자표시

'공부 > CSS' 카테고리의 다른 글

CSS_[border(보더) 속성 ]  (0) 2014.01.24

- 보더(border)의 두께(width) 관련속성



  • 속성 : border-top-width, border-right-width, border-bottom-width, border-left-width
  • 값 : thin, medium, thick, 길이, inherit
  • 기본값 : medium
  • 적용대상 : 모든 요소


값은 공백문자로 구분하여 복수지정 가능하며 지정하는 값에 따라 적용대상이 달라진다.

  • 값이 한 개 : '상하좌우'
  • 값이 두 개 : '상하' '좌우'
  • 값이 세 개 : '상' '좌우' '하'
  • 값이 네 개 : '상' '우' '하' '좌'


- 보더(border)의 스타일(style) 관련속성



  • 속성 : border-top-style, border-right-style, border-bottom-style, border-left-style
  • 값 : none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit
  • 기본값 : none
  • 적용대상 : 모든 요소


none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset



값은 공백문자로 구분하여 복수지정 가능하며 지정하는 값에 따라 적용대상이 달라진다.



  • 값이 한 개 : '상하좌우'
  • 값이 두 개 : '상하' '좌우'
  • 값이 세 개 : '상' '좌우' '하'
  • 값이 네 개 : '상' '우' '하' '좌'


보더(border)의 색(color) 관련속성



  • 속성 : border-top-color, border-right-color, border-bottom-color, border-left-color
  • 값 : 색, transparent, inherit
  • 기본값 : 색상 속성의 값
  • 적용대상 : 모든 요소


값은 공백문자로 구분하여 복수지정 가능하며 지정하는 값에 따라 적용대상이 달라진다.

  • 값이 한 개 : '상하좌우'
  • 값이 두 개 : '상하' '좌우'
  • 값이 세 개 : '상' '좌우' '하'
  • 값이 네 개 : '상' '우' '하' '좌'


- 보더(border)의 일괄지정



사방 보더(border)의 두께,스타일,색 속성의 일괄 지정이 가능하며 복수지정도 가능하고 순서를 따지지 않으며 생략 가능하다.

보더 관련 속성은 값을 상속하지 않으므로 값을 생략한 때에는 기본값을 지정한 것으로 인식한다.
사방에 모든 보더를 지정한 뒤 좌우의 보더를 개별적으로 설정이 가능하다. 하지만 우선순위 규칙이 적용되서 중첩될경우 나중에 지정한 스타일이 덮어쓰여진다.

 

저작자표시

'공부 > CSS' 카테고리의 다른 글

CSS_[RGB 색상표 보기]  (0) 2015.07.30

+ Recent posts

티스토리툴바