background - wkdalfo12/project_study GitHub Wiki

• background

• background-image

• background-color

• background-position 백그라운드 위치를잡아줌-이미지가 왔다리갔다리

           > background-position:center center; - 이미지가 백그라운드를 기준으로 가운데로옴
  
           > background-position:50%; - 퍼센트로 해도됨 (센터로옴)
  

• background-repeat 반복여부 (이미지가 넓이에 맞춰 여러개들어감)

           > background-repeat: no-repeat; - 이미지 반복을 없애는 기능
  
                               repeat-x 작은이미지가 가로로 반복되는 기능(그라데이션)
  
                               repeat-y 작은이미지가 세로로 반복되는 기능(그라데이션)
  

css3부터됨

• background-size
• background-size: cover; 현재 이미지에 가로값과 세로값중에 가장 긴 값을 기준으로 화면에 맞춰줌-80%이상씀
• background-size: contain; 가장짧은값을 기준으로 화면에 맞춰줌
• background-attachment
• background-attachment: fixed; 스크롤을 내려도 이미지가 고정 됨 (꿀잼)