CSS 패딩 속성을 사용하는 방법
- silencement원래의
- 2019-05-27 15:47:514863검색
css padding 속성 정의 및 사용법
css에서 padding 속성은 줄인 속성으로 위쪽 여백 속성, 오른쪽 여백 속성, 아래쪽 여백 속성 등 모든 패딩 속성을 설정하는 데 사용됩니다. 왼쪽 여백 속성은 동일한 선언에 정의되어 있습니다.
css 패딩 속성 구문 형식
1.padding: 속성 값 1 속성 값 2 속성 값 3 속성 값 4
2.padding: 속성 값 1 속성 값 2 속성 값 3
3.padding: 속성 값 1 속성 값 2
4.padding: 속성 값 1
설명:
1 padding 속성에 4개의 속성 값이 있는 경우: 4개의 속성 값은 상단 패딩, 오른쪽 패딩, 하단 여백을 정의합니다. 패딩, 왼쪽 패딩
2. 패딩 속성에 세 가지 속성 값이 있는 경우 속성 값 1과 속성 값 3은 각각 상단 패딩과 하단 패딩을 정의합니다. 속성 값 2는 오른쪽 패딩과 왼쪽 패딩을 정의합니다.
3. padding 속성에 두 개의 속성 값이 있는 경우: 속성 값 1은 상단 패딩과 하단 패딩을 정의합니다. 속성 값 2는 오른쪽 패딩과 왼쪽 패딩을 정의합니다
4. 패딩 속성에 속성 값이 하나만 있는 경우: 이 속성 값은 상단 패딩, 오른쪽 패딩, 하단 패딩, 왼쪽 패딩을 정의합니다
가능한 속성 값
auto: 브라우저가 패딩을 계산합니다. length: 픽셀, 센티미터 등과 같은 특정 단위로 패딩 값을 지정합니다. (기본값은 0px) %: 상위 요소를 기반으로 지정합니다. 패딩은 너비의 백분율로 표시됩니다. inherit: 상위 요소인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css padding属性设置元素内边距</title>
<style type="text/css">
div{width:260px;border:1px solid #000;padding:10px 20px 30px 40px;}
</style>
</head>
<body>
<div>padding属性设置元素内边距，这是为了演示效果所添加的文本。
padding:12px 14px 16px 18px;</div>
</body>
</html>
실행 결과
에서 패딩 속성 값을 상속합니다.
위 내용은 CSS 패딩 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：CSS 탭 크기 속성을 사용하는 방법다음 기사：CSS 탭 크기 속성을 사용하는 방법