[HTML&CSS] 이미지 기본 특성
2020. 11. 25. 22:11ㆍHTML&CSS&JavaScript
이미지는 기본적으로 비율을 갖고 있다.
따라서 높이(또는 넓이)만 설정해줘도 비율에 따라 자동으로 넓이(또는 높이)가 같이 바뀐다.(물론 각각 설정도 가능은 하다.)
이미지는 자신의 부모의 설정 크기에 영향을 받지 않는다!!
But, 부모의 설정 크기에 영향을 받게하고 싶다면 이미지에 width:50%와 같이 비율을 설정해주면, 부모의 설정값 대비 50%의 비율로 이미지 크기도 자동으로 변경된다.
'HTML&CSS&JavaScript' 카테고리의 다른 글
[HTML&CSS] block 요소 좌측,가운데,우측 정렬하는 방법(feat.margin) (0) | 2020.11.26 |
---|---|
[HTML&CSS] nth-child, first-child, last-child (0) | 2020.11.26 |
[HTML&CSS] margin, padding (0) | 2020.11.25 |
20.11.24 BNX 사이트 메뉴 그대로 만들기 (0) | 2020.11.24 |
[HTML&CSS] hover (0) | 2020.11.24 |