> 웹 프론트엔드 > 프런트엔드 Q&A > CSS 이미지에는 어떤 속성이 있나요?

CSS 이미지에는 어떤 속성이 있나요?

藏色散人
풀어 주다: 2023-01-04 09:36:37
원래의
7551명이 탐색했습니다.

CSS 이미지 속성에는 1. 배경 속성, 2. 배경 위치 속성, 4. 배경 위치 속성, 등이 포함됩니다.

CSS 이미지에는 어떤 속성이 있나요?

이 기사의 운영 환경: windows10 시스템, CSS3, thinkpad t480 컴퓨터.

권장: "css 비디오 튜토리얼"

CSS에서 요소의 배경은 여백과 테두리를 포함하여 요소의 전체 크기를 차지하지만 여백은 차지하지 않습니다.

기본적으로 배경 이미지는 요소의 왼쪽 상단에 배치되며 가로 및 세로로 반복됩니다.

CSS 배경 이미지의 속성은 무엇인가요?

배경: 배경 약어 속성은 하나의 명령문으로 모든 배경 속성을 설정할 수 있습니다.

background-position : 배경 이미지의 위치를 ​​지정합니다.

background-position 속성 값에 따라 초기 배경 이미지(원본 이미지)가 배치됩니다.

background-size : 배경 이미지의 크기 지정

background-repeat : 배경 이미지의 반복 방식 지정

background-repeat 속성 값에 따라 이미지를 특정 축을 따라 무한히 타일링할 수 있습니다. (x축 또는 y축) 타일링되거나 전혀 타일링되지 않습니다.

background-origin : 배경 이미지의 위치 지정 영역 지정

background-clip : 배경 이미지의 페인팅 영역 지정

background-attachment : 배경 이미지를 고정할지, 나머지와 함께 스크롤할지 설정 페이지의.

배경 이미지: 사용할 하나 이상의 배경 이미지를 지정하세요

참고: 배경 이미지를 사용할 수 없는 경우 페이지에서 좋은 시각 효과를 얻을 수 있도록 사용 가능한 배경 색상을 설정하세요.

위 내용은 CSS 이미지에는 어떤 속성이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿