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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
두 개의 이미지와 API : 제품을 다시 칠하는 데 필요한 모든 것Apr 15, 2025 am 11:27 AM최근에 제품 이미지의 색상을 동적으로 업데이트하는 솔루션을 찾았습니다. 따라서 제품 중 하나만 사용하여 다른 방식으로 색칠 할 수 있습니다.
주간 플랫폼 뉴스 : 제 3 자 코드, 수동 혼합 콘텐츠, 가장 느린 연결이있는 국가의 영향Apr 15, 2025 am 11:19 AM이번 주에 라운드 업, Lighthouse는 타사 스크립트에 빛을 비추고 불안한 자원이 안전한 사이트에서 차단되고 많은 국가 연결 속도가 차단됩니다.
직접 비자 스크립트 기반 분석을 호스팅하는 옵션Apr 15, 2025 am 11:09 AM사이트에서 방문자 및 사용 데이터를 추적하는 데 도움이되는 분석 플랫폼이 많이 있습니다. 아마도 널리 사용되는 Google 웹 로그 분석
그것은 모두 헤드에있는 모든 것 : React Helmet과 함께 React 전원 사이트의 문서 헤드 관리Apr 15, 2025 am 11:01 AM문서 헤드는 웹 사이트에서 가장 화려한 부분이 아닐 수도 있지만 웹 사이트의 성공에 중요합니다.
JavaScript의 Super () 란 무엇입니까?Apr 15, 2025 am 10:59 AMSuper ()?를 호출하는 JavaScript를 볼 때 어떤 일이 발생 하는가. 아동 클래스에서는 Super ()를 사용하여 부모의 생성자와 Super를 호출합니다. 그것의 접근
다양한 유형의 기본 JavaScript 팝업 비교Apr 15, 2025 am 10:48 AMJavaScript에는 사용자 상호 작용을위한 특수 UI를 표시하는 다양한 내장 팝업 API가 있습니다. 뛰어나게:
액세스 가능한 웹 사이트를 구축하기가 어려운 이유는 무엇입니까?Apr 15, 2025 am 10:45 AM나는 다른 날에 많은 회사들이 액세스 가능한 웹 사이트를 만드는 데 어려움을 겪고있는 이유에 대해 다른 프론트 엔드 사람들과 대화를 나누고있었습니다. 액세스 가능한 웹 사이트가 왜 그렇게 어려운가
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.
Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음
PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
WebStorm Mac 버전
유용한 JavaScript 개발 도구
