CSS 배경 이미지가 오른쪽 가장자리에서 오프셋될 수 있나요?

CSS를 사용하여 배경 이미지 위치 지정: 오른쪽에서 오프셋할 수 있나요?

CSS에서 background-position 속성을 사용하면 배경 이미지의 가로 및 세로 위치를 지정합니다. 그러나 이 위치는 컨테이너 요소의 왼쪽 및 위쪽 가장자리에서 계산된다는 점에 유의하는 것이 중요합니다. 그렇다면 배경 이미지를 오른쪽에서 고정된 양의 픽셀만큼 떨어진 위치에 배치할 수 있습니까?

답변: 예, "올바른" 키워드를 사용합니다

초기 가정에서는 CSS를 사용하여 오른쪽에서 고정된 양의 픽셀만큼 떨어진 곳에 배경 이미지를 배치하는 것이 가능합니다. "right" 키워드를 활용하면 이 효과를 얻을 수 있습니다.

구문:

background-position: right 30px center;

이 예에서 배경 이미지는 30픽셀 떨어진 곳에 위치합니다. 컨테이너의 오른쪽 가장자리에 위치하며 수직 중앙에 위치합니다.

브라우저 지원:

이 기능은 최신 브라우저에서 널리 지원됩니다. 전체 호환성 목록은 http://caniuse.com/#feat=css-ground-offsets에서 확인할 수 있습니다.

추가 정보:

자세한 정보는 , 다음 리소스를 참조하세요.

• CSS 배경 위치 지정: http://www.w3.org/TR/css3-Background/#the-Background-position

위 내용은 CSS 배경 이미지가 오른쪽 가장자리에서 오프셋될 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!