>웹 프론트엔드 >CSS 튜토리얼 >CSS가 배경 이미지를 오른쪽 가장자리로부터 특정 거리에 배치할 수 있습니까?

CSS가 배경 이미지를 오른쪽 가장자리로부터 특정 거리에 배치할 수 있습니까?

Linda Hamilton
Linda Hamilton원래의
2024-11-30 21:50:11367검색

Can CSS Position a Background Image a Specific Distance from the Right Edge?

정확한 배경 이미지 위치 지정: 오른쪽 여백에 정렬

CSS를 사용하여 배경 이미지를 오른쪽 가장자리에서 지정된 거리에 배치할 수 있나요? 요소의? 기존의 배경 위치 속성을 사용하면 왼쪽과 위쪽에서 특정 조정이 가능하지만 오른쪽 여백을 기준으로 정렬을 달성할 수 있는 직접적인 방법은 없는 것처럼 보일 수 있습니다.

그러나 해결 방법은 있습니다.

해결책:

background-position: right 30px center;

이 기술은 대부분의 최신 브라우저에서 효과적으로 작동합니다. 브라우저 호환성에 대해서는 https://caniuse.com/#feat=css-Background-offsets를 참조하세요.

설명:

올바른 키워드는 브라우저에 위치를 지정하도록 지시합니다. 요소의 오른쪽 가장자리에 있는 이미지입니다. 후속 30px 값은 오른쪽 경계에서 이미지를 오프셋할 거리를 지정합니다. center 키워드는 요소 높이 내에서 수직 중심에 위치하도록 보장합니다.

추가 정보:

자세한 내용은 http://www.w3의 W3C 사양을 참조하세요. org/TR/css3-배경/#the-배경-위치.

위 내용은 CSS가 배경 이미지를 오른쪽 가장자리로부터 특정 거리에 배치할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.