NULL

가로(width),세로(height),overflow 정리 본문

Front-end/HTML,CSS

가로(width),세로(height),overflow 정리

1924 2020. 6. 10. 15:19

사진의 크기도 css에서 설정가능하며

가로(width),세로(height)

border: 1px solid red;
min-height:60px;
max-height:600px;

최소, 최대 길이도 지정할수있다.

쓰다가 글이 넘쳐서 삐져나오는 경우가 있는데

내용물 공간이 부족한 경우 overflow로 해결할수있다.

css에 overflow:hidden; 하게되면 삐져나온 글이 사라진다.

overflow:visble;를 하면 글이 삐져나온다.
보통 기본값이다. 안쓴것과 동일함

overflow:scroll; 와 overflow:auto; 는 비슷하지만
한가지 차이점이 scroll은 무조건 스크롤바가 있고,
auto는 글이 넘칠때만 스크롤바가 생긴다.


'Front-end > HTML,CSS' 카테고리의 다른 글

페이지배경색과 둥근모서리  (0) 2020.06.10
border 정리  (0) 2020.06.10
margin, padding 정리  (0) 2020.06.10
span태그  (0) 2020.06.09
폰트에 대해서(글씨체, 폰트다운파일, 구글폰트)  (0) 2020.06.09
Comments