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 | 31 |
Tags
- python
- control
- function
- html
- php
- architecture
- react
- Pipelining
- XML
- MacOS
- for
- MIPS
- web
- Linux
- instruction
- mysql
- DS
- data structure
- javascript
- Class
- DATAPATH
- system
- Java
- DoM
- CSS
- Algorithm
- while
- github
- DB
- computer
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 |