기로그 기로그

background속성은 배경에 관련된 스타일과 속성을 설정할 수 있다. 주로 사용되는 속성에 대해서 정리를 해 보았다. 1️⃣background-image 요소에 배경 이미지를 지정한다. 이미지 파일 경로나 url을 사용하여 배경 이미지를 지정할 수 있다. ⚠️background-image 속성 주의사항 url()을 사용하여 이미지를 배경으로 사용하는 경우 웹 접근성에 영향을 미칠 수 있다. 배경 이미지는 스크린 리더기 등의 기술에 읽히지 않기 때문에 배경 이미지 외에 img태그를 추가해 사이즈를 1px로 줄여 숨기는 방식을 사용할 수 있다. 2️⃣background-size 이미지의 사이즈를 조절한다. 값으로 %,px이 올 수 있지만, 보통 cover나 contain속성을 사용한다. 이런 원본이미지가..