CSS border-box1

• 

  CSS box-sizing 이란? box-sizing box-sizing 속성은 박스모델에서 width 크기를 설정할 수 있는 속성 값입니다. 기본값인 content-box 속성이 나타내는 width 크기는 단지 content 크기 입니다. 즉, 패딩과 여백, 마진은 width 값에서 빠져있습니다. content 크기만을 설정할때는 유용한 값이 되겠습니다. border-box 설정은 width 크기가 콘텐츠 크기 + 패딩 + 여백 + 마진 까지 모두 포함하기에 손쉽게 해당 태그요소의 크기를 설정할 수 있다는 장점이 있습니다. 예제를 만들어 봅니다. [HTML] 파일에서는 div 태그 요소 두개를 만듭니다. 박스모델을 설정하기 위함 입니다. div1 div2 [CSS] 파일에서는 box-sizing : border-box 와 기본 설정 타.. 앱 만들기/CSS 2023. 6. 21.