跳到主要內容
  • 字級
:::|

1.4.4 CS2140402C 任何含有文字的組件,其CSS樣式規則均使用em相對字型尺寸單位

檢測碼

CS2140402C

對應成功準則

1.4.4

對應認證等級

AA

對應國際技術碼

C17

類別

CSS

訊息

任何含有文字的組件,其CSS樣式規則均使用em相對字型尺寸單位

英文訊息

C17: Scaling form elements which contain text
C28: Specifying the size of text containers using em units

規則說明

如果文字組件對應到CSS樣式的font-size屬性以具名或em、百分比等的字型尺寸為單位,通過檢測,否則檢測失敗。

範例

HTML程式碼部分:
<h1>聯絡我們</h1>
<p>請向我們提供您的詳細資料,我們將盡快與您聯繫,所有表單內容都是必須填寫的</p>
<label for="fname">姓氏</label><input type="text" name="fname" id="fname" /><br />
<label for="lname">名字</label><input type="text" name="lname" id="lname" /><br />
<label for="phone">電話</label><input type="text" name="phone" id="phone" /><br />
<label for="email">電子信箱</label><input type="text" name="email" id="email" /><br />
<input type="submit" name="Submit" value="提交" id="Submit" />

 

CSS 部分:
h1 { font-size: 2em; }
p, label, input { font-size: 1em; }

說明

HTML程式碼部分:
<h1>, <p>, <label>, < input>這些標籤內容皆為文字組件。

 

CSS 部分:
上列文字組件對應到CSS樣式的font-size屬性皆以em為單位。