Grouping content elements stylesheet test.

Description

Grouping content elements stylesheet test.

4.4 Grouping content - HTML Standard

この文書はスタイル確認を目的としているため、文章構造を無視してテストケースのための markup が行われています

CSS files

  1. root and universal.css
  2. groups.css
  3. groups test.css

p element

段落要素

とても長い単語を含む段落123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890 の例

hr element

hr 要素の前の文

hr 要素の前の文


hr 要素の後の文

hr 要素の後の文

pre element

This text is Preformatted.
この文は整形済み。
Super long text
---------1---------2---------3---------4---------5---------6---------7---------8---------9---------A---------B---------C---------D---------E---------F
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

pre 要素の中ではコンテンツ生成しないことの確認

s, sup, sub, ruby, MathML のスタイルは上書きしない 修正しない

em, strong, b, i, mark, small, s,

code, var, samp, kbd,

sup, sub,

q, cite,

ins, del,

rubyrt,

x2+y2=1

blockquote element

1段落目: 属性を持たないblockquote

2段落目: とても長い単語を含む blockquote 内の段落123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890 の例

cite 属性のみ

title 属性のみ

cite 属性及び title 属性

とても長い cite 属性の値ととても長い title 属性の値を持つ blockquote 要素


blockquote 要素内の pre 要素

---------1---------2---------3---------4---------5---------6---------7---------8---------9---------A---------B---------C---------D---------E---------F
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

親要素の言語によって引用元情報の表記が変わることの確認

引用された文

Quoted sample text.

blockquote 要素の中ではコンテンツ生成しないことの確認

strong, b

code, var, samp, kbd

q, cite,

ins, del

ol, ul and li elements

  1. ol list 1
  2. ol list 2
  3. ol list 3
    1. ol in ol - list 1-1
    2. ol in ol - list 1-2
    3. ol in ol - list 1-3
    • ul in ol - list 2-1
    • ul in ol - list 2-2
    • ul in ol - list 2-3
  4. p in li

  5. p in li

    p in li

  6. とても長い単語を含む順序ありリスト123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

menu element

  • p 要素
  • hr 要素
  • blockquote 要素
  • dl, dt and dd elements

    dt 1
    dd 1
    dt 2
    dt 3
    dd 3

    p in dd 4-1

    p in dd 4-2

    とても長い単語を含むdt要素 `123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890`
    とても長い単語を含むdd要素 `123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890`
    divでグループ化した dt 1
    divでグループ化した dd 1
    divでグループ化した dt 2
    divでグループ化した dd 2
    divでグループ化してない dt 1
    divでグループ化してない dd 1
    divでグループ化してない dt 2
    divでグループ化してない dd 2

    figure and figcaption element

    figure と figcaption の sample code
    <figure>
      <figcaption>figure と figcaption の sample code</figcaption>
      <pre class='parent-of-code'>...</pre>
    </figure>
    とても長い単語を含む figcaption `123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890`

    とても長い figure 内の単語123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

    main element

    main contents text.

    h3

    main contents text.

    div element

    sample text in p


    sample text in p


    This is sample text.

    a, em, strong, small, s, cite, q, dfn, abbr, ruby(rt), data, , code, var, samp, kbd, sup, sub, i, b, u, mark, bdi, bdo, span,
    br, wbr

    sample text in p

    This is sample text.

    This is sample text.

    h3

    This is sample text.