background와 background의 차이
배경 지정의 생략 형식입니다.
생략된 백그라운드만 사용하면 된다
短く表記
..hitokage{
background: #000 url(image/hitkage.gif) repeat-x fixed right bottom;
}
위의 예는'background-image','background-repeat','background-attachment','background-position'의 순서에 따라 기술한 것이다.backgound 속성 유형
①background-color:
② background-size: ※ 이곳에서는 cover를 자주 사용합니다 ♪
③ background-image:url () ※ 괄호 안에 따옴표가 없음
④background-position:
⑤ background-repeat:repeat-01← 잘 사용하지 않음
※ ⑥ 백그라운드-attachment ←는 거의 사용하지 않음
background-position의 사용 방법, 의미
배경 이미지 위치의 초기 값을 지정합니다.
아무것도 지정하지 않으면 왼쪽 상단(top left 또는 0) 상태입니다.
top right·bottom·left·center로 지정합니다.
※ 조합해서 지정할 수도 있습니다.
예)background-position:
top right
;← 이렇게 하면 오른쪽 상단에 나타납니다 ♪이외에도 px,em,%를 통해 작은 위치를 조정할 수 있다.
예)background-position:
50px 100px
;← top에서 50px left까지 100px 상태.겸사겸사 말씀드리지만, 설치된 영상을 팟캐스트에서
background-size:cover
background-position:
50% 50%
; ※수직, 수평 방향으로 사용 중입니다.최후
모르는 백그라운드-repet 사용법을 적으세요.
※ 거의 사용하지 않는 것 같다
이름과 같이 배경 이미지의 반복 방법을 지정합니다.
아무것도 지정하지 않으면
縦横方向
반복되는 Repeat.background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: no-repeat;
repeat-x는 수평 방향だけに
이고 repeat-y는 수직 방향だけに
이 반복적으로 지정된 배경 이미지입니다.no-repet은 배경 그림을 반복하지 않습니다.
Reference
이 문제에 관하여(background와 background의 차이), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/science-green/items/b224416c88f334b6ae7f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)