CSS Property Value   CSS 속성 값

(2019-02-26)

CSS 속성

1. CSS 구문 형식(선택,속성,값) 구문 형식 :  selector { property1 : value1 ; property2 : value2 ; ... }
     - selector          => CSS 선택자 
     - property : value  => CSS 속성 값의 지정 방법 (속성명 : 값)
        . 속성명 바로 뒤에 콜론(:) 을 붙인 후 그 값을 적음
     - 만일, 다수를 지정하려면 각각 사이에 세미콜론(;)으로 분리함


2. CSS 속성 종류텍스트 꾸미기     ☞ CSS 텍스트 참조
  ㅇ 색상CSS 색상 참조
  ㅇ 박스              ☞ CSS 박스 모델 참조
  ㅇ 배경              ☞ CSS 배경 참조
  ㅇ 여백,테두리,패딩  ☞ CSS 여백,CSS 테두리,CSS 패딩 참조
  ㅇ 페이지 레이아웃(위치지정,부유화 효과 등)  ☞ CSS 위치 레이아웃 참조
  ㅇ 정렬              ☞ CSS 정렬 참조
  ㅇ 기타              : 3.항 참조


3. CSS 속성 값  [ 기타 ]리스트(목록) (List style)      :  { list-style : 값; }
     - list-style-type  : none, disc, circle, square, decimal, decimal-leading-zero,
                          upper-alpha, lower-alpha, upper-roman, lower-roman, ...
     - list-syle-position : outside, inside

  ㅇ 컨텐츠 속성                     :  { content : 값; }
     - HTML 문서로 쓰지 않고도, CSS 만으로도 내용 생성 가능,
       가상 선택자(:after,:before)와 함께 사용

  ㅇ 비표속성
     - 속성 이름 앞에 붙는 웹브라우저 제조사 접두어 ( Vendor-prefixed Properties)
     - (W3C 표준화 이전에, 웹브라우저별로 독점적인 구현)
        .  -wekit-속성명 : 크롬,사파리 등 Webkit 기반 브라우저
        .  -moz-속성명   : 모질라 파이어폭스 브라우저
        .  -o-속성명     : 오페라 브라우저
        .  -ms-속성명    : IE 브라우저

  ㅇ 길이 값 (단위 값)                                                      ☞ CSS 폰트 참조
     - 상대 값
        . em : 현재 폰트 크기와의 상대 값(배수)
        . px : 모니터 해상도단위 픽셀에 대한 상대 값
        . ex : 폰트 소문자 크기와의 상대 값
     - 절대 값
        . pt : 포인트 (1 in = 72 pt)
        . in : 인치 (1 in = 2.54 cm)
        . cm : 센티미터 (1 cm = 10 mm)


[CSS] 1. CSS 2. CSS 선택자 3. CSS 박스 모델 4. block,inline 요소 유형 5. CSS 속성 값 6. CSS 배경 7. CSS 색상 8. CSS 위치 레이아웃 9. CSS 정렬 10. CSS 텍스트

 
        최근수정     요약목록     참고문헌