본문 바로가기

AUTO2

CSS background-size 속성 정리 오늘 정리할 내용은 이미지 배경의 사이즈를 정하는 background-size 속성입니다. 이미지를 배경으로 지정할때 이미지의 가로가 세로보다 긴 경우가 있고 또 반대의 경우도 존재 합니다. 배경이미지의 background-size 속성을 어떻게 지정하느냐에 따라 배경에 빈 여백이 생기기도 하고 이미지일부가 가려져 보이기도 하는데요~ 그럼 background-size 속성을 정리해 보며 어떤 속성을 설정해야 적절한 사용이 가능한지 알아 보겠습니다. 사용가능한 속성 background-size : auto | length | contain | cover 사용가능한 속성은 위와 같습니다. 그럼 예제와 함께 하나씩 살펴보며 각자의 속성에 대해 알아 보겠습니다. 1. auto 설정하지 않을 경우 기본값으로 설정.. 2023. 1. 11.
CSS margin 속성 사용법 정리 CSS에서 요소 바깥쪽 여백을 설정하는 margin 속성. 정말 많이 사용하는 속성인데 사용하는 방법도 다양하고 사용할 때마다 혼동이 오는 경우가 많아서 오늘 margin 속성 사용법을 정리해 보려고 합니다! 우선 margin 속성을 지정할 div 요소와 영역을 만들어 주겠습니다. 그럼 이제 margin 속성을 부여하며 사용법을 알아 볼까요? 방법1. 내부 속성 이름(left, right, top bottom) 을 모두 지정해 주기 첫번째 방법은 모든 속성을 하나하나 지정해 주는 방법입니다. .inner_area { margin-top: 40px; margin-right: 20px; margin-bottom: 30px; margin-left: 50px; border: 2px solid black; wid.. 2022. 12. 27.