CSS background   CSS 배경

(2018-08-14)
1. CSS 속성 값  [ 배경 (Background) ] 

  ㅇ 단축형 지정 例)  { background : #ffbc53 url(test.gif) no-repeat fixed left top }
     - 속성 순서 : 통상, color,image,repeat,attachement,position

  ㅇ 배경 속성
     - background-color  : 배경색
     - background-image  : 배경 이미지
        . 이미지 포멧 : PNG, JPEG, GIF
        . 형식 : url(이미지 파일이 있는 url 주소)
     - background-repeat : 배경 이미지 반복 (마치 타일 처럼 보임, 좌->우,상->하)
        . 웹브라우저 화면이 커지면 기본적으로 반복됨
        . 반복 금지 : no-repeat, 수평 반복 만 : repeat-x, 수직 반복 만 : repeat-y
     - background-attachment : 요소와 함께 스크롤 또는 고정 여부 (scroll, fixed)
     - background-position : 배경 이미지 위치
        . 키워드 지정 방식 
           .. left top (디폴트), left bottom, right top, right center, right bottom,
              center top,center center 등
        . 수치 지정 방식 
           .. 기준 위치 : 좌측 및 상단, 단위 : 픽셀 또는 em 또는 %
     - background-size : 배경 이미지 크기 조절
        . cover : 배경 이미지 너비를 웹브라우저 화면 가득하게 표시

  ※ [참고] ☞ w3schools.com (CSS Backgrounds)


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

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