목록border-box (1)

보랑취향

[CSS] box-sizing : border-box;

box-sizing: content-box; 기본 CSS 상자 크기 동작을 제공합니다. CSS 표준에서 지정한 초기값과 기본값입니다. 요소의 너비를 100픽셀로 설정하면 요소의 내용 상자가 100픽셀 너비가 되고 테두리 또는 패딩의 너비가 최종 렌더링 너비에 추가되어 요소가 100px보다 넓어집니다. box-sizing: border-box; 적용대상: 폭이나 높이를 받아들이는 모든 요소 요소의 너비 및 높이에 대해 지정한 값의 테두리 및 패딩을 설명하도록 브라우저에 알려줍니다. 요소의 너비를 100픽셀로 설정하면 해당 100픽셀에는 추가한 테두리 또는 패딩이 포함되며 콘텐츠 상자는 해당 추가 너비를 흡수하도록 축소됩니다. 이를 통해 일반적으로 요소 크기를 훨씬 쉽게 조정할 수 있습니다.box-sizin..
IT/html&css 2024. 2. 8. 11:48
이전 Prev 1 Next 다음