| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- relative path
- 하이퍼레저패브릭
- html video
- hyperledger transaction
- #bubbleSort
- html id
- #CallByAddress
- html charset
- html multimedia
- html object
- #2차원배열
- #C++ 연산자함수오버로딩
- git flow
- #자바상속#자바이즈어#is~a
- 토큰경제
- #C++ has~a
- #android activity
- #JAVASCRIPT
- mac terminal command
- border-box
- #3차원배열
- #binary
- html code
- #다차원포인터
- html plug-in
- #1차원배열
- html5 new tag
- html youtube
- docker example
- #성적관리프로그램
Archives
- Today
- Total
목록border-box (1)
A sentimental robot
Padding
padding은 요소의 테두리 안과 content 사이의 간격이다. padding을 사용하여 스타일을 적용할 때 가장 유의해야할 점을 알아보자. width를 주의해라! div 태그의 width 값을 100px로 주고, padding 값을 10px로 주었다. 실제 width 값은 의도치 않게 120px이 되버린다. (padding-right, padding-left 값이 width값에 적용된다.) 이 때 padding값에 상관 없이 div 태그의 width를 100px로 주고 싶다면 box-sizing 속성을 이용하면 좋다. box-sizing : border-box 값을 주면 요소의 너비는 패딩 값에 영향을 받지 않는다. 여기서 참고로 알아두면 유용한 CSS box model Total element w..
CSS
2019. 5. 6. 17:18