패딩 속성은 요소의 경계와 내용물 사이의 공간을 정의합니다.
이 성질은 4가지 값을 가질 수 있습니다:
• div {padding: 50px}와 같은 값이 지정되어 있을 경우, 패딩의 네 변 모두 50 px입니다.
•div {패딩: 50px 10px}와 같은 두 값을 지정하면 위아래 패딩은 50 px, 왼쪽과 오른쪽 패딩은 10 px입니다.
•div {패딩: 50px 10px 20px}와 같은 세 가지 값을 지정하면, 상하 패딩은 50 px, 왼쪽과 오른쪽 패딩은 10 px, 하부 패딩은 20 px입니다.
• div {padding: 50px 10px 20px 30px} 같은 네 가지 값을 지정하면, 상단 패딩은 50 px, 오른쪽 패딩은 10 px, 아래 패딩은 20 px, 왼쪽 패딩은 30 px입니다.
DIV CSS 마진은 CSS 속성인 단어 마진을 의미하며, 마진은 배경색과 색상이 없는 객체의 네 변을 설정하는 여백입니다.
1. 여백 구문
Margin:10px
마진의 값은 숫자 + html 단위이며, 자동(자동, 적응형)일 수도 있습니다.
2. 애플리케이션 구조
Div{margin:10px}
div 객체를 10px 간격으로 설정하세요
3. 마진의 설명
여백은 물체의 바깥 가장자리와 에피택시얼 가장자리 사이의 거리입니다.
여백 값이 양의 정수와 음의 정수일 수 있는 세 가지 상황이 있으며, PX 픽셀(왼쪽 여백: 20px)과 같은 단위를 더할 수 있습니다; auto는 자동 속성으로 사용할 수 있습니다(왼쪽 여백: auto auto); 백분율(%)(왼쪽 여백: 3%)일 수도 있습니다.
여백 확장 (네 면체 간격 속성 단어를 따로 설정)
여백-왼쪽 객체 왼쪽 여백 (여백-왼쪽:5px; 왼쪽 확장 거리 5px)
여백-오른쪽 객체의 오른쪽 여백 (margin-right:5px; 오른쪽 확장 거리 5px)
여백-상단 객체(margin-top:5px; 상부 에피택셜 거리 5px)
여백-하단 객체(margin-bottom:5px; 에피택시얼 거리 5px)
|
게시됨 2014. 10. 30. 오후 4:21:55
|
|
|
