[CSS] Box Sizing
안녕하세요 동기 여러분! 오늘은 박스 사이징 프로퍼티에 대해 알아봅시다. Box Sizing 아래의 코드를 보도록 합시다. 우르르 쾅쾅 우르르 쾅쾅 * { margin: 10px; } #big { border: 15pt solid tomato; } #small { border: 5pt solid tomato; } 여기까지는 문제가 없는데 여기서 전체 요소나 div에 width를 설정하면 뭔가 특이한 일이 일어납니다. * { margin: 10px; width: 200px; /* 모든 요소에 적용하기 위해 값 설명 생김새 content-box content 영역을 기준으로 박스의 크기가 변함 border-box border 영역을 기준으로 박스의 크기가 변함 오늘의 느낌 아 오늘은 영어로 공부한게 이해가 ..
CSS
2022. 1. 2. 17:29
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 동기코딩
- if문
- for문
- HTML 기본
- 함수
- html table
- Python
- CSS 포지션
- html
- method
- 실수
- Type
- CSS
- Typescript
- 자바스크립트
- function
- Array
- 객체
- 메서드
- javascript
- padding
- Object
- 타입스크립트
- 프로그래머스
- 타입 좁히기
- 반복문
- Margin
- em
- 파이썬
- css position
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함