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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。