DokuWiki

It's better when it's simple

ユーザ用ツール

サイト用ツール


ja:faq:lists

リストの操作

複数行のリスト項目

:?: リスト項目にコードブロックや複数の行を追加するにはどうすればいいですか?

:!: リスト構文は一行で各項目を記述することを予定しており、番号付きリストは中断することができません。 中断すると番号は 1 から振り直しになります。 この仕様によって、例えばリスト項目の中にテーブルを追加することは不可能です。 しかし、リスト項目に code/file ブロックや改行を追加することは可能です。 code ブロックの場合、項目と同じ行から開始して下さい。 改行の場合、強制改行構文 \\ を使用して下さい。

以下がその例です:

  - 最初の項目
  - 改行付きの二番目の項目\\ 二行目
  - code 付きの三番目の項目: <code>
コードは
ここにあります。
</code>
  - 四番目の項目

以下のように表示されます:

  1. 最初の項目
  2. 改行付きの二番目の項目
    二行目
  3. code 付きの三番目の項目:
    コードは
    ここにあります。
  4. 四番目の項目

Wrap プラグインを使ってテーブルをラップすることで、テーブルのような他の構文をリスト内に追加する同じ手口を利用できます。

番号付きリストの番号の継続

:?: 最初のリストが停止した番号に続く二番目のリストという、二つの番号付きリストは可能ですか?

:!: いいえ、デフォルトのリスト構文では不可能です。 最初のリストが停止しすると、番号は振り直しになります。

  - 最初の項目
  - 二番目の項目

リスト以外

  - 三番目の項目?いいえ、二番目のリストの最初の項目です。
  1. 最初の項目
  2. 二番目の項目

リスト以外

  1. 三番目の項目?いいえ、二番目のリストの最初の項目です。

番号付きリストの番号のスタイル

:?: 番号付きリストのデフォルトの番号を好きではありません。 どのように変更するのでしょうか?

:!: 番号形式は、CSS で定義されています。 デフォルトのテンプレートは、番号付きリストの最初の四段階の書式を定義しています:

div.dokuwiki ol { list-style-type: decimal; }
div.dokuwiki ol ol { list-style-type: upper-roman; }
div.dokuwiki ol ol ol { list-style-type: lower-alpha; }
div.dokuwiki ol ol ol ol { list-style-type: lower-greek; }

MDN のような CSS リファレンス で list-style-type として認められる全てのプロパティ値を見ることができます。

番号無しリストのスタイル

:!: 番号無しリストの行頭文字の形式も CSS で定義されています。 デフォルトは次のとおりです:

div.dokuwiki ul {
  line-height: 1.5em;
  list-style-type: square;
  list-style-image: none;
  margin: 0 0 1em 3.5em;
  color: __text_alt__;
}

置き換えることも可能です。 例えば、以下のように:

div.dokuwiki ul { list-style-type: disc; }
div.dokuwiki ul ul { list-style-type: circle; }
div.dokuwiki ul ul ul { list-style-type: square; }
div.dokuwiki ul ul ul ul { list-style-type: square; }

circlediscsquare 符号から選択することしかできません。 画像を利用せずに異なるユニコード記号(例: Unicode Dingbatsから)希望する場合:

div.dokuwiki ul .li:before {content: '➤';}
div.dokuwiki ul ul .li:before {content: '♫';}
div.dokuwiki ul ul ul .li:before {content: '☛';}
div.dokuwiki ul ul ul ul .li:before {content: '⤷';}
div.dokuwiki ul ul ul ul ul .li:before {content: '✩';}

自分の userstyle.css で簡単に上書きできます。

リストプラグイン

定義リストを含めリストの代替構文を実装したり、デフォルト構文では達成できないことを可能にするプラグインがあります。 "list" タグのプラグインを参照して下さい。

ja/faq/lists.txt · 最終更新: 2015-08-26 16:12 by sawachan

特に明示されていない限り、本Wikiの内容は次のライセンスに従います: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki