| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- HTTP
- 타임어택
- 제로초
- programmers
- 타입스크립트
- 토익
- 파이썬
- 4주 프로젝트
- js
- til
- 프로그래머스
- Async
- 코드스테이츠
- SQL 고득점 Kit
- 렛츠기릿 자바스크립트
- codestates
- LeetCode
- 자바스크립트
- 코어 자바스크립트
- 2주 프로젝트
- 정재남
- 회고
- javascript
- 백준
- 리덕스
- 리액트
- 손에 익히며 배우는 네트워크 첫걸음
- 타입스크립트 올인원
- 토익 900
- 알고리즘
Archives
- Today
- Total
목록BORDER BOX (1)
Jerry
css에서 box-sizing 을 border-box로 하는 이유
Box-sizing 이란? 우리가 보통 css 초기 설정할 때 하는 것 중 하나가 아래 설정이다. box-sizing: border-box; box-sizing 속성은 요소의 전체 너비와 높이를 어떻게 계산하는지 설정한다. 다시 말해, 요소마다 너비와 높이가 있는데, 이걸 늘리거나 줄이거나 혹은 padding 값 등을 추가할 경우에 어떻게 이 요소에 너비와 높이에 적용되는지 여부를 설정하는 것을 의미한다. Content-box와 border-box의 차이점 box-sizing 속성은 여러가지가 있지만, 대표적으로 아래 두 가지가 있다. 1) box-sizing: border-box; 2) box-sizing: content-box; 기본적으로 CSS 박스 모델에서, 요소에 할당된 너비와 높이에는 cont..
Front/HTML & CSS
2022. 4. 10. 21:10