tkStyle Sandbox

Written by Tatsuya Koyama

This is the global level element.

Block

white block
(using border-radius and box-shadow)

Heading

Head1 Head1 Head1 日本語

Head2 Head2 Head2 日本語

Head3 Head3 Head3 日本語

Head4 Head4 Head4 日本語

Grid Layout

1 / 12
1 / 12
1 / 12
1 / 12
1 / 12
1 / 12
1 / 12
1 / 12
1 / 12
1 / 12
1 / 12
1 / 12
2 / 12
3 / 12
7 / 12
(4 / 12)
4 / 12
4 / 12
2 / 12
3 / 12
1 / 12
2 / 12
3 / 12
3 / 12
3 / 12
4 / 12
2 / 12

Paragraph

12345678910123456789201234567893012345678940 12345678950123456789601234567897012345678980
This is the test string. Hello World.
これはテスト用の文章です。こんにちは世界。

第2パラグラフ
This is the test string. Hello World. This is the test string. Hello World. This is the test string. Hello World. This is the test string. Hello World. これはテスト用の文章です。こんにちは世界。これはテスト用の文章です。こんにちは世界。 これはテスト用の文章です。こんにちは世界。これはテスト用の文章です。こんにちは世界。

Chapter 1 第1章

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

日本語の文章ですよ、日本語の文章ですよ、日本語の文章ですよ、日本語の文章ですよ、 日本語の文章ですよ、日本語の文章ですよ、日本語の文章ですよ、日本語の文章ですよ、 日本語の文章ですよ、日本語の文章ですよ、日本語の文章ですよ、日本語の文章ですよ。

Section 1-1 項 1-1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

SubSection 1-1-1 節 1-1-1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

List

  • level 1
    • level 2
    • and level 2
      • level 3
    • level2 again
      • level 3 contains 日本語
      • level 3 multiline is also OK
        • level 4
    • level2 again
      • level 3
      • level 3
        • level 4
      • level 3
  • level 1
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
    • Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
      • Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
        • Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
  • 12345678910123456789201234567893012345678940 12345678950123456789601234567897012345678980
    • 12345678910123456789201234567893012345678940 12345678950123456789601234567897012345678980
      • 12345678910123456789201234567893012345678940 12345678950123456789601234567897012345678980
        • 12345678910123456789201234567893012345678940 12345678950123456789601234567897012345678980

Capter

  • hogehogehoge
    • fugafugafuga
      • piyopiyopiyo

Section

  • hogehogehoge
    • fugafugafuga
      • piyopiyopiyo

Preformatting Code

Table

item1 item2 item3
item4 item5 item6 is multiline text
item7 item8 contains 日本語 100 item9
item1 is long item2 item3
item1 item2 item3