CSS Margins
CSS 여백 속성은 요소 주위에 공간을 생성하는 데 사용됩니다.
여백 속성은 테두리 외부의 여백 크기를 설정합니다.
CSS를 사용하면 여백을 완벽하게 제어 할 수 있습니다. 요소의 각면 (위쪽, 오른쪽, 아래쪽 및 왼쪽)의 여백을 설정하는 CSS 속성이 있습니다.
Margin - Individual Sides
CSS에는 요소의 각면에 대한 여백을 지정하는 속성이 있습니다.
margin-top
margin-right
margin-bottom
margin-left
모든 margin 속성은 다음 값을 가질 수 있습니다.
auto - 브라우저가 여백을 계산합니다.
length - 여백을 px, pt, cm 등으로 지정합니다.
% - 포함하는 elemen 너비의 여백을 %로 지정합니다.t
inherit - 부모 요소에서 여백을 상속해야한다고 지정합니다.
팁 : 음수 값이 허용됩니다.
다음 예제에서는 <p> 요소의 네면에 대해 서로 다른 여백을 설정합니다.
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
}
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 1px solid black;
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
background-color: lightblue;
}
</style>
</head>
<body>
<h2>Using individual margin properties</h2>
<div>This div element has a top margin of 100px, a right margin of 150px, a bottom margin of 100px, and a left margin of 80px.</div>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 1720 | |
| 1718 | |
| 1716 |
HTML
아이프레임과 css 질문입니다.,
1
|
| 1711 |
HTML
기초적인 css 질문요..
4
|
| 1710 | |
| 1707 |
HTML
인터넷익스플로러 6 에서 깨지네요
2
|
| 1704 |
HTML
레이어 질문 드립니다.
2
|
| 1700 |
HTML
웹표준에 대해서^^;;
3
|
| 1693 | |
| 1689 |
HTML
WebKit 이게 무엇인가요?
3
|
| 1687 |
HTML
css 질문드립니다.
1
|
| 1686 |
HTML
메인페이지 최근사진 엑박 뜨는데요
|
| 1683 | |
| 1680 | |
| 1676 | |
| 1675 | |
| 1674 |
HTML
css3 질문인데요..
|
| 1671 |
HTML
background 반복질문 ㅠㅠ
2
|
| 1667 |
HTML
플래시를 수정해서 넣었는데
3
|
| 1655 |
HTML
지적 부탁드립니다.
11
|
| 1649 | |
| 1646 | |
| 1641 | |
| 1638 | |
| 1636 |
HTML
스크롤바 관련 질문드려요..
1
|
| 1633 | |
| 1631 |
HTML
웹표준 질문이요^^
1
|
| 1627 | |
| 1624 | |
| 1623 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기