---
title: HTMLDivElement
slug: Web/API/HTMLDivElement
tags:
  - API
  - HTML DOM
  - Interface
  - Reference
translation_of: Web/API/HTMLDivElement
---
<div>{{ APIRef("HTML DOM") }}</div>

<p><strong><code>HTMLDivElement</code></strong> 인터페이스는 {{domxref("HTMLElement")}} 인터페이스를 확장해, {{htmlelement("div")}} 요소를 조작할 때 사용할 수 있는 추가 속성을 제공합니다.</p>

<p>{{InheritanceDiagram(600,120)}}</p>

<h2 id="속성">속성</h2>

<p><em>부모인 {{domxref("HTMLElement")}}로부터 상속합니다.</em></p>

<dl>
 <dt>{{domxref("HTMLDivElement.align")}} {{obsolete_inline}}</dt>
 <dd>주변 맥락에 대해 요소 콘텐츠의 정렬 위치를 나타내는 {{domxref("DOMString")}}입니다. 가능한 값은 <code>"left"</code>, <code>"right"</code>, <code>"justify"</code>, <code>"center"</code>입니다.</dd>
</dl>

<h2 id="메서드">메서드</h2>

<p><em>부모인 {{domxref("HTMLElement")}}로부터 상속합니다.</em></p>

<h2 id="명세">명세</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "grouping-content.html#the-div-element", "HTMLDivElement")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>{{SpecName("HTML5 W3C")}}와 동일합니다.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', "grouping-content.html#the-div-element", "HTMLDivElement")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>{{SpecName("DOM2 HTML")}}과 동일합니다.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 HTML', 'html.html#ID-22445964', 'HTMLDivElement')}}</td>
   <td>{{Spec2('DOM2 HTML')}}</td>
   <td>{{SpecName("DOM1")}}과 동일합니다.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM1', 'level-one-html.html#ID-22445964', 'HTMLDivElement')}}</td>
   <td>{{Spec2('DOM1')}}</td>
   <td>초기 정의.</td>
  </tr>
 </tbody>
</table>

<h2 id="브라우저_호환성">브라우저 호환성</h2>



<p>{{Compat("api.HTMLDivElement")}}</p>

<h2 id="같이_보기">같이 보기</h2>

<ul>
 <li>인터페이스를 구현하는 HTML 요소 {{ HTMLElement("div") }}.</li>
</ul>