본문 바로가기

Webstoryboy

Category

Explanation

Background

(4)
background-size background-size background-size 속성은 백그라운드 이미지 사이즈를 설정합니다. background-size background-size 속성은 백그라운드 이미지 사이즈를 설정합니다. 특징 설명 기본 값 background-size : auto 적용 background 버전 CSS1 사용성 ★★★★★ 정의(Definition) background-size 속성은 백그라운드 이미지 사이즈를 설정합니다. 백그라운드와 관련된 속성(Background Related Properties) background 속성은 백그라운드 속성을 일괄적으로 설정합니다. background-attachment 속성은 배경 이미지의 고정 여부를 설정합니다. background-blend-mode 속성은 배경..
background-position background-position background-position 속성은 백그라운드 이미지의 위치 영역을 설정합니다. background-position background-position 속성은 백그라운드 이미지의 위치 영역을 설정합니다. 특징 설명 기본 값 background-position : 0% 0% 적용 background 버전 CSS1 사용성 ★★★★★ 정의(Definition) background-position 속성은 백그라운드 이미지의 위치 영역을 설정합니다. 백그라운드와 관련된 속성(Background Related Properties) background 속성은 백그라운드 속성을 일괄적으로 설정합니다. background-attachment 속성은 배경 이미지의 고정 여부를 설..
background-origin background-origin background-origin 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. background-origin background-origin 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. 특징 설명 기본 값 background-origin : padding-box 적용 background 버전 CSS1 사용성 ★☆☆☆☆ 정의(Definition) background-origin 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. background-origin 기준점은 보더(border), 패딩(padding), 컨텐츠(content)에 설정할 수 있습니다. 비교(Compare) background-origin ..
background background background 속성은 백그라운드 속성을 일괄적으로 설정합니다. background 속성은 CSS를 통해 이미지를 표현하는 방법으로 HTML에 태그와 비교가 됩니다. 이미지의 의미가 있다면 태그를 사용하고, 의미가 없고 장식용에 가깝다면 background 속성을 이용합니다. background 속성은 고정, 위치, 컬러, 기준점, 반복, 사이트를 통해 컨트롤 할 수 있습니다. background background 속성은 백그라운드 속성을 일괄적으로 설정합니다. 특징 설명 기본 값 background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: non..
1