Neo's Normalize : @neos21/neos-normalize

検証ブラウザ

• Chrome (Windows・MacOS)
• Firefox (Windows・MacOS)
• Chromium Edge (Windows・MacOS)
• Safari (MacOS・iOS)

Table of Contents

• Section Elements
• Inline Elements
• Block Elements
• List Elements
• Form Elements

Section Elements : Section 2

Section 2 Paragraph.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

lorem ipsum (ロレム・イプサム、略してリプサム lipsum ともいう) とは、出版、ウェブデザイン、グラフィックデザインなどの諸分野において使用されている典型的なダミーテキスト。書籍やウェブページや広告などのデザインのプロトタイプを制作したり顧客にプレゼンテーションしたりする際に、まだ正式な文章の出来上がっていないテキスト部分の書体 (フォント)、タイポグラフィ、レイアウトなどといった視覚的なデザインを調整したりわかりやすく見せるために用いられる。

http://www.toolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtexttoolongtext.com/

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

lorem ipsum (ロレム・イプサム、略してリプサム lipsum ともいう) とは、出版、ウェブデザイン、グラフィックデザインなどの諸分野において使用されている典型的なダミーテキスト。書籍やウェブページや広告などのデザインのプロトタイプを制作したり顧客にプレゼンテーションしたりする際に、まだ正式な文章の出来上がっていないテキスト部分の書体 (フォント)、タイポグラフィ、レイアウトなどといった視覚的なデザインを調整したりわかりやすく見せるために用いられる。

Section 2 Paragraph.

Inline Elements

[pgq] : for text-decoration

• Anchor Text [pgq]
• Emphasis Text
  • em > a
  • a > em
• Strong Text
  • strong > a
  • a > strong
• Bold Text
  • b > a
  • a > b
• Italic Text
  • i > a
  • a > i
• Underline Text [pgq]
  • u > a
  • a > u
• Strike Text
  • s > a
  • a > s
• Code Text [pgq]
  • code > em
  • em > code
  • code > strong
  • strong > code
  • code > a
  • a > code
• Keyboard Text [pgq]
  • kbd > em
  • em > kbd
  • kbd > strong
  • strong > kbd
  • kbd > a
  • a > kbd
• Sample Text [pgq]
  • samp > em
  • em > samp
  • samp > strong
  • strong > samp
  • samp > a
  • a > samp
• Variable Text [pgq]
  • var > em
  • em > var
  • var > strong
  • strong > var
  • var > a
  • a > var
• Definition Text [pgq]
• Abbr Text [pgq]
• Deleted Link Text [pgq]
• Inserted Link Text [pgq]
• Quote Text Inline Quote Text Quote Text
• Small Text
• _{Sub Text}
• ^{Sup Text}
• Marked Text
• Time : 2018-01-23
• Ruby : 漢(かん) 字(じ)

Image

Image in Link

Progress (Alternative) Progress

Paragraph

Block Elements

Paragraph

Pre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
lorem ipsum (ロレム・イプサム、略してリプサム lipsum ともいう) とは、出版、ウェブデザイン、グラフィックデザインなどの諸分野において使用されている典型的なダミーテキスト。書籍やウェブページや広告などのデザインのプロトタイプを制作したり顧客にプレゼンテーションしたりする際に、まだ正式な文章の出来上がっていないテキスト部分の書体 (フォント)、タイポグラフィ、レイアウトなどといった視覚的なデザインを調整したりわかりやすく見せるために用いられる。
lorem ipsum (ロレム・イプサム、略してリプサム lipsum ともいう) とは、出版、ウェブデザイン、グラフィックデザインなどの諸分野において使用されている典型的なダミーテキスト。書籍やウェブページや広告などのデザインのプロトタイプを制作したり顧客にプレゼンテーションしたりする際に、まだ正式な文章の出来上がっていないテキスト部分の書体 (フォント)、タイポグラフィ、レイアウトなどといった視覚的なデザインを調整したりわかりやすく見せるために用いられる。

Pre Code

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

lorem ipsum (ロレム・イプサム、略してリプサム lipsum ともいう) とは、出版、ウェブデザイン、グラフィックデザインなどの諸分野において使用されている典型的なダミーテキスト。書籍やウェブページや広告などのデザインのプロトタイプを制作したり顧客にプレゼンテーションしたりする際に、まだ正式な文章の出来上がっていないテキスト部分の書体 (フォント)、タイポグラフィ、レイアウトなどといった視覚的なデザインを調整したりわかりやすく見せるために用いられる。

Cite

Horizontal Line

Horizontal Line

List Elements

• Unordered List 1
• Unordered List 2
  • Child List 1
  • Child List 2
    • Grand Child List 1
    • Grand Child List 2
      • Great Grand Child List 1
      • Great Grand Child List 2
      • Great Grand Child List 3
    • Grand Child List 3
  • Child List 3
• Unordered List 3

1. Ordered List 1
2. Ordered List 2
   1. Child List 1
   2. Child List 2
      1. Grand Child List 1
      2. Grand Child List 2
         1. Great Grand Child List 1
         2. Great Grand Child List 2
         3. Great Grand Child List 3
      3. Grand Child List 3
   3. Child List 3
   4. Child List 4
3. Ordered List 3
10. Ordered List 10
100. Ordered List 100

Description Term 1

Description Definition 1

Description Term 2

Description Definition 2

• Unordered List
  • Child List

1. Ordered List
   1. Child List

Description Term 3

Description Definition 3

Form Elements

End.

Links

• Neo's World
• GitHub - Neos21
• GitHub - neos-normalize
• GitHub Pages - @neos21/neos-normalize : Neo's Normalize
• npm - @neos21/neos-normalize