跳到主要內容
:::|

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

檢測碼

CS2040402

訊息

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

英文訊息

C17: Scaling form elements which contain text

C28: Specifying the size of text containers using em units

檢測規則

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

規則說明

若CSS樣式內存在font-size屬性且使用以具名或em、百分比等為單位,則通過檢測。

原始碼範例

[XHTML component的code部分]

<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="提交" name="Submit" value="Submit" id="Submit" />

 

[CSS component的code部分]

h1 { font-size: 2em; }

p, label, input { font-size: 1em; }

說明

[XHTML component的code部分]

<h1>, <p>, <label>,< input>這些標籤內容皆為文字組件。

 

[CSS component的code部分]

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