テンプレート:Code:Output/doc

出典: フリー教科書『ウィキブックス(Wikibooks)』
ナビゲーションに移動 検索に移動

このテンプレートはプログラムコードとその出力結果を関連付けて1つのフレーム内に表示します。プログラムコードの前と出力結果の後に説明文を表示させることができます。

使用法[編集]

一般的には先頭の説明文、プログラムコード、出力結果、最後の説明文と4引数を使用しますが、追加で下記の引数を使用することができます。

  • B - borderプロパティ(境界線)を指定します。既定値は#7777FF solid 1px。
  • BG - 枠のbackground-colorプロパティ(背景色)を指定します。既定値は#DDDDFF。
  • CLR - clearプロパティ(回り込み解除)を指定します。既定値はboth。
  • P - paddingプロパティ(パディング)を指定します。既定値は5px。
  • TA - text-alignプロパティ(文字の表示位置)を指定します。既定値はleft。
  • WBG - 内枠のbackground-colorプロパティ(背景色)を指定します。既定値は#FFFFFF(白)。
  • style2 - それ以外のプロパティを追加で指定します。既定値はなし。

使用例[編集]

下記では例となる文字を出力するために{{LoremS}}を使用しています。

1引数使用する場合[編集]

先頭の説明文のみ指定します。

{{Code:Output
|これは1つ目の引数です。{{loremS|C}}は例文です。
}}

表示:

これは1つ目の引数です。Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.は例文です。

2引数使用する場合[編集]

先頭の説明文とプログラムコードを指定します。

{{Code:Output
|これは1つ目の引数です。{{loremS|C}}は例文です。
|例となる文章は{{loremS|B}}になります。
}}

表示:

これは1つ目の引数です。Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.は例文です。

Nuvola-inspired-terminal.svg コード:

例となる文章はUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.になります。

3引数使用し、追加引数も使用する場合[編集]

先頭の説明文、プログラムコード、出力、追加で書式を指定します。

{{Code:Output|B=5px groove silver|BG=Wheat|WBG=lightyellow|style2=color:green
|説明文は{{loremS|B}}です。
|プログラム例は{{loremS|C}}です。
|出力はこれです。
}}

表示:

説明文はUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.です。

Nuvola-inspired-terminal.svg コード:

プログラム例はDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.です。

Crystal Clear app kscreensaver.svg 出力:

出力はこれです。

4引数使用する場合[編集]

先頭の説明文、プログラムコード、出力、最後の説明文を指定します。

{{Code:Output|先頭の説明文は{{loremS}}の長さではなく手短に。
|プログラムコードは{{loremS|B}}のようにきれいに。
|出力は正確に。
|{{BL|最後の説明文}}は{{loremS|C}}これです。
}}

表示:

先頭の説明文はLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.の長さではなく手短に。

Nuvola-inspired-terminal.svg コード:

プログラムコードはUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.のようにきれいに。

Crystal Clear app kscreensaver.svg 出力:

出力は正確に。
最後の説明文はDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.これです。