CSS1 テストスイート: 4.3 置換要素


[戻る] [進む] [セクション] [目次] [仕様書]

下記のテキストに適用されるスタイル宣言は、つぎのとおりです。

IMG.one {display: inline;}
IMG.two {display: block;}
IMG.three {display: block;
           margin-right: auto; margin-left: auto; width: auto;}
IMG.four {display: block;
          margin-right: auto; margin-left: auto; width: 50%;}
IMG.five {display: block;
          margin-right: 0; margin-left: auto; width: 50%;}

[画像]この文の初めにある画像は15px四方のはずです。

[画像]

上の画像は15px四方で、左縁がこのテキストと同じはずです。

[画像]

上の画像は15px四方で、中央に配置されているはずです。

[画像]

上の画像は、幅が親要素の50%になるよう伸縮された正方形のはずで、水平方向には親要素の内側で中央寄せされている正方形のはずです。 この親要素とは、前半では文書本体、後半ではテーブルです。

[画像]

上の画像は、幅が親の50%になるよう伸縮された正方形のはずで、親要素の右縁に揃えられているはずです。 この親要素とは、前半では文書本体、後半ではテーブルです。

TABLEテストコーナー
 

[画像]この文の初めにある画像は15px四方のはずです。

[画像]

上の画像は15px四方で、左縁がこのテキストと同じはずです。

[画像]

上の画像は15px四方で、中央に配置されているはずです。

[画像]

上の画像は、幅が親要素の50%になるよう伸縮された正方形のはずで、水平方向には親要素の内側で中央寄せされている正方形のはずです。 この親要素とは、前半では文書本体、後半ではテーブルです。

[画像]

上の画像は、幅が親の50%になるよう伸縮された正方形のはずで、親要素の右縁に揃えられているはずです。 この親要素とは、前半では文書本体、後半ではテーブルです。


[戻る] [進む] [セクション] [目次] [仕様書]