HTML의 div 태그 속성

Div 태그는 페이지 영역을 생성하거나 나누는 데 사용되는 블록 수준 요소입니다. 해당 속성에는 일반 속성: id, 클래스 콘텐츠 속성: 정렬, 스타일 레이아웃 속성: 너비, 높이, 패딩, 여백 기타 속성: lang, dir , title, data-*

Div 태그 속성

div 태그는 페이지에서 영역을 만들거나 나누는 데 사용되는 HTML의 블록 수준 요소입니다. 여기에는 다음과 같은 속성이 있습니다.

일반 속성

• id: div 요소의 고유 식별자를 지정합니다.
• class: CSS 스타일을 적용하려면 div 요소에 하나 이상의 클래스 이름을 추가하세요.

콘텐츠 속성

• align: 왼쪽, 오른쪽, 가운데 등 div 요소의 콘텐츠 정렬을 설정합니다.
• 스타일: 색상, 글꼴, 배경 등을 포함한 div 요소의 스타일을 인라인으로 설정합니다.

레이아웃 속성

• width: div 요소의 너비를 설정합니다.
• height: div 요소의 높이를 설정합니다.
• padding: div 요소의 내부 가장자리와 콘텐츠 사이에 공간을 추가합니다.
• margin: div 요소의 바깥쪽 가장자리와 인접한 요소 사이에 공간을 추가합니다.

기타 속성

• lang: div 요소에 콘텐츠의 언어를 지정하세요.
• dir: ltr(왼쪽에서 오른쪽) 또는 rtl(오른쪽에서 왼쪽)과 같이 div 요소에서 콘텐츠의 텍스트 방향을 지정합니다.
• title: div 요소에 대한 도구 설명 텍스트를 제공합니다.
• data-*: div 요소와 관련된 데이터를 저장하는 데 사용되는 사용자 정의 데이터 속성입니다.

Example

<div id="myDiv" class="container" style="width: 500px; height: 300px; padding: 10px;">
  <h1>标题</h1>
  <p>段落</p>
</div>

이 예에서 div 요소에는 다음 속성이 있습니다.

• id="myDiv": 고유 식별자
• class="container": 클래스 이름
• style=". ..": 너비, 높이 및 패딩을 포함한 인라인 스타일
• data-* 속성은 사용자 정의 데이터를 저장하는 데 사용됩니다

위 내용은 HTML의 div 태그 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!