Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- DoM
- computer
- control
- instruction
- html
- Linux
- mysql
- web
- Class
- DB
- data structure
- react
- XML
- Pipelining
- MacOS
- CSS
- php
- javascript
- Algorithm
- MIPS
- Java
- for
- github
- DS
- architecture
- system
- DATAPATH
- python
- function
- while
Archives
- Today
- Total
YYYEJI
[XML] CSS에서 Margin(마진) 속성 본문
728x90
마진(Margin)이란 ? ? ?
margin 속성은 테두리(border)와 이웃하는 요소 사이의 간격인 마진 영역의 크기를 설정합니다.
(padding의 경우에는 안쪽으로 @px 주라는 뜻입니다.)
마진(Margin)의 속성
1. margin: 상하좌우로 띄움
2. margin-top: 위쪽으로 띄움
3. margin-right: 오른쪽으로 띄움
4. margin-bottom: 아래쪽으로 띄움
5. margin-left: 왼쪽으로 띄움
↓↓↓ 실행화면을 확인해 보세요 ↓↓↓
블랙 박스는 고정되어 있고, 아래 빈 박스의 움직임을 확인해 주세요!
◡̈
'HTML(or XML) & CSS & JavaScript' 카테고리의 다른 글
[XML] CSS에서 border 속성 (top, right, bottom, left) (0) | 2022.09.15 |
---|---|
[XML] CSS에서 float 속성과 text-align 속성 (0) | 2022.09.15 |
[XML] CSS에서의 색상 (0) | 2022.09.14 |
[XML] XML와 주석처리 (0) | 2022.09.14 |
[XML] 엔티티 레퍼런스(Entity code)의 사용 (0) | 2022.09.14 |