alignment-baseline

auto 已棄用

該值為字元所屬指令碼的主基線，即使用父元素的主基線。

基線

使用父元素的主基線選擇。將框的相應基線與其父元素的基線匹配。

before-edge 已棄用

要對齊的物件的對齊點與父文字內容元素的“before-edge”基線對齊。

文字底部

將框的底部與父元素內容區域的頂部匹配。

文字前邊緣

要對齊的物件的對齊點與父文字內容元素的“text-before-edge”基線對齊。

注意：此關鍵字可能對映到text-top。

中間

將框的垂直中點與父框的基線加上父框的 x 高度的一半對齊。

中心

將框的中心基線與其父元素的中心基線匹配。

after-edge 已棄用

要對齊的物件的對齊點與父文字內容元素的“after-edge”基線對齊。

文字頂部

將框的頂部與父元素內容區域的頂部匹配。

文字後邊緣

要對齊的物件的對齊點與父文字內容元素的“text-after-edge”基線對齊。

注意：此關鍵字可能對映到text-bottom。

表意文字

將框的表意文字字元面下側基線與其父元素的基線匹配。

字母

將框的字母基線與其父元素的基線匹配。

懸掛

要對齊的物件的對齊點與父文字內容元素的“hanging”基線對齊。

數學

將框的數學基線與其父元素的基線匹配。

頂部

將對齊子樹的頂部與行框的頂部對齊。

中心

將對齊子樹的中心與行框的中心對齊。

底部

將對齊子樹的底部與行框的底部對齊。

SVG 2 對此屬性的定義進行了一些更改。特別是：已刪除值auto、before-edge和after-edge。為了向後相容，text-before-edge可能對映到text-top，而text-after-edge對映到text-bottom。text-before-edge和text-after-edge都不應與vertical-align屬性一起使用。

<svg
  width="300"
  height="120"
  viewBox="0 0 300 120"
  xmlns="http://www.w3.org/2000/svg">
  <!-- Materialization of anchors -->
  <path
    d="M60,10 L60,110
              M30,10 L300,10
              M30,65 L300,65
              M30,110 L300,110
              "
    stroke="grey" />

  <!-- Anchors in action -->
  <text alignment-baseline="hanging" x="60" y="10">A hanging</text>

  <text alignment-baseline="middle" x="60" y="65">A middle</text>

  <text alignment-baseline="baseline" x="60" y="110">A baseline</text>

  <!-- Materialization of anchors -->
  <circle cx="60" cy="10" r="3" fill="red" />
  <circle cx="60" cy="65" r="3" fill="red" />
  <circle cx="60" cy="110" r="3" fill="red" />

  <style>
    <![CDATA[
      text{
        font: bold 36px Verdana, Helvetica, Arial, sans-serif;
      }
    ]]>
  </style>
</svg>

對於其他元素（例如<text>）中的物件對齊，請參閱dominant-baseline。

• CSS 基線對齊