練習ページ

Last-modified: 2018-02-09 (金) 11:26:32
このページのソースと照らし合わせてご覧下さい。

文章

文章を書くと一つの段落として整形されます。

テキストパディング　レベル1（左右に余白ができる）
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

テキストパディング　レベル2
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

テキストパディング　レベル3
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

>

>>重ねるたびに余白が増える
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

:textLeftPad20:左だけに20pxの余白
「:文字列:」で文字列のclass属性をpタグに付けることが可能
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

:textLeftPad100:上限は100pxまでで、10px毎にcssで設定している
cssは管理画面で追記が可能
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章


文字装飾

｜強調｜斜体｜取り消し｜アンダーライン｜__点線__｜注釈*1｜
｜B{簡易青文字}｜R{簡易赤文字}｜G{簡易緑文字}｜Y{簡易黄文字}｜O{簡易橙文字}｜V{簡易紫文字}｜P{簡易桃文字}｜N{ネタバレ}｜

整形済みテキスト整形済みテキスト整形済みテキスト
整形済みテキスト整形済みテキスト整形済みテキスト

色の変更も可能なルール(COLOR(#993333))

サイズの変更も可能なルール(SIZE(10))

両方指定(SIZE(20)COLOR(#333399))

左寄せ

中寄せ
右寄せ


リスト

  • リスト レベル1
    • リスト レベル2
  • リスト レベル1
    • リスト レベル2
      • リスト レベル3
      • リスト レベル3
  1. 番号リスト
  2. 番号リスト
  3. 番号リスト


用語

用語1
ここに解説文やURLを記載する
http://example.org/
用語2
いろいろ書いた解説文2
用語3
いろいろ書いた解説文3


テーブル

通常

ヘッダth｜の次に「~」チルドを書くとthになる行末に「h」を書くとtheadになる（tablesearchプラグインで必須）
ヘッダth｜の次に「~」チルドを書くとthになる行末に「f」を書くとtfootになる
セルtdtdtd
セルに＞だけを書くと右と結合tdtd
tdtd背景色指定文字サイズ・色指定
セルにチルドだけを書くと上と結合tdtd

幅指定*2

th(200px)th(60px)th(100px)th(100px)
thththth
tdtdtdtd
tdtdtdtd
tdtdtdtd

横幅100%*3と幅指定*4

|100||||s

th(20%)th(30%)th(10%)th(40%)
thththth
tdtdtdtd
tdtdtdtd
tdtdtdtd


折りたたみ*5

ここに文章を記入

絶対に#endregionを忘れてはいけません。

  • リストもOK
  • リストもOK
定義
定義もOK
ththth
テーブルも入る
内部折りたたみ

開閉コンテンツの中に、開閉コンテンツを3段階まで入れることが可能
それ以外は動作しません。また、#endregionも中に配置します。

内部折りたたみ3段階目

ここが3段階目、状態はcookieに保存されます。


大見出し

中見出し

小見出し

*1 注釈は括弧を二回連続して囲むと整形される
*2 pxは省略してもかまわない。省略するとpx指定になる
*3 「|」の数を揃え、行末に「s」を書き、最初のセルに数値を入れる
*4 横幅100%の場合は、cで横幅を決める時%で指定すること
*5 #regionと#endregionは1セット #endregionを忘れるとページのデザインが崩れる