HTML DOM Heading align屬性用法及代碼示例

HTML DOM Heading align 屬性用於設置或返回 <h1> 到 <h6> 元素的水平對齊方式。

注意:HTML5 不支持此屬性。

用法:

它用於返回對齊屬性。

HeadingObject.align;

它用於設置對齊屬性。

HeadingObject.align="left | right | center | justify";

屬性值：

left:它設置文本 left-aligned。
right：它設置文本 right-aligned。
center:它設置文本 center-aligned。
justify:它拉伸段落的文本以設置所有行的寬度相等。

例：下麵的 HTML 代碼返回並將 Heading 設置為 align 屬性。

HTML


<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
  
        <h2> DOM Headings align property </h2>
  
        <h3 id="headingID" align="left">
            A computer science portal for Geeks
        </h3>
  
        <button onclick="get()">
            return Alignment
        </button>
  
        <button onclick="set()">
            Set Alignment
        </button>
          
        <p id="paraID"></p>
  
        <script>
            function get() {
  
                // Accessing heading.
                var g = document.getElementById(
                    "headingID").align;
  
                document.getElementById(
                    "paraID").innerHTML = g;
            }
  
            function set() {
  
                // Accessing heading.
                var k = document.getElementById(
                    "headingID").align = "right";
  
                document.getElementById(
                    "paraID").innerHTML = k;
            }
        </script>
    </center>
</body>
  
</html>

輸出：

支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Opera
蘋果Safari
Firefox

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML DOM Heading align Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。