[ css ] box-sizing - 요소의 크기를 화면에 표시하는 방식 > html

본문 바로가기

사이트 내 전체검색

html

[ css ] box-sizing - 요소의 크기를 화면에 표시하는 방식

작성일 21-01-11 17:08

페이지 정보

작성자 웹지기 조회 3,097회 댓글 0건

본문

박스사이징(box-sizing) - 요소의 크기를 화면에 표시하는 방식

 - 컨텐츠 기준으로 바뀜

div{ margin:10px;width:150px;}

#small{border:10px solid #000;}

#large{border:30px solid #000;}

<div id="small">small</div>

<div id="large">large</div>

위와 같이 사용할 경우 small과 large가 크기가 달라진다. 

이를 A와 B를 같은 크기로 수정하기 위한게 box-sizing:border-box; 를 사용한다.



추천0

비추천 0

댓글목록

등록된 댓글이 없습니다.

전체 42건 1 페이지

이미지 목록

게시물 검색
Copyright © 즐거운 코딩 생활 ( funyphp ). All rights reserved.
PC 버전으로 보기