Quelltext der Seite Vorlage:Vertikal/Doku

<noinclude>{{Dokumentation/Dokuseite}}</noinclude>
{{TemplateData|JSON=
{ "description": "Vertikaler Textsatz",
  "params": {
     "1":
        { "label":       "Text",
          "description": "Text",
          "type":        "string",
          "required":    true },
     "class":
        { "label":       "class",
          "description": "CSS-Klassen (zusätzliche Bezeichner)",
          "type":        "line",
          "required":    false },
     "h":
        { "label":       "",
          "description": "“all” oder “digits”",
          "type":        "line",
          "required":    false },
     "zeilen":
        { "label":       "",
          "description": "Begrenzung auf Anzahl von Zeilen",
          "type":        "number",
          "required":    false }
            },
  "format": "inline"
}
|TOC=1}}

Die Vorlage ist für den vertikalen Textsatz von rechts nach links bei [[Chinesische Schrift#Schreibrichtung|chinesischbasierten Schriften]] gedacht.

== Beispiele ==

<div style="margin:0.5em; padding:0.5em;">
{{vertikal|性無善無不善也}}

<pre>{{vertikal|性無善無不善也}}</pre>
Quelle: [[Klassisches Chinesisch]]
</div>

Besser ist es, auch gleich die [[Vorlage:zh]] für Chinesisch oder [[Vorlage:lang]] für Japanisch anzuwenden:

<div style="margin:0.5em; padding:0.5em;">
{{vertikal|{{zh|kurz=|t=性無善無不善也}}}}

<pre>{{vertikal|{{zh|kurz=|t=性無善無不善也}}}}</pre>
Quelle: [[Klassisches Chinesisch]]

Zur weiteren Dokumentation siehe [[Vorlage:zh]].
</div>

Beispiel für japanischen längeren Text und Begrenzung auf 5 Zeilen:
<div style="margin:0.5em; padding:0.5em; background-color:#ffffff">
{{vertikal|{{lang|ja|すべての人間は、生まれながらにして自由であり、かつ、尊厳と権利とについて平等である。人間は、理性と良心とを授けられており、互いに同胞の精神をもって行動しなければならない。}}|zeilen=5}}

<pre>{{vertikal|{{lang|ja|すべての人間は、生まれながらにして自由であり、かつ、尊厳と権利とについて平等である。
人間は、理性と良心とを授けられており、互いに同胞の精神をもって行動しなければならない。}}|zeilen=5}}</pre>
Quelle: [[Japanische Sprache]]
</div>

== Vertikal und horizontal gemischte Darstellung (''tatechūyoko'') ==
Oft werden in ostasiatischen Texten kurze westliche Textbestandteile wie Abkürzungen aus lateinischen Buchstaben oder arabische Ziffern auch in der vertikalen Schreibweise horizontal dargestellt, was im Japanischen als ''tatechūyoko'' bezeichnet wird.

Für CSS sind dafür die Eigenschaften <code>text-combine</code> [http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine] oder <code>text-combine-upright</code> [http://www.w3.org/TR/css-writing-modes-3/#propdef-text-combine-upright] vorgeschlagen. Ersteres wird von Mozilla- (Firefox) und Webkit-basierten (Chrome und Safari) mit Herstellerpräfixen unterstützt und letzteres, das automatisch Ziffern horizontal darstellen kann, vom Internet Explorer (unter dem abweichenden Namen <code>-ms-text-combine-horizontal</code> [http://msdn.microsoft.com/en-us/library/ie/dn337005(v=vs.85).aspx]).

Mit dem Vorlagenparameter <code>h</code> kann ''tatechūyoko'' umgesetzt werden, indem beide Eigenschaften genutzt werden, wobei die Werte sich an <code>text-combine-upright</code> anlehnen:
* <code>all</code>: komplette Eingabe horizontal darstellen

<div style="margin:0.5em; padding:0.5em;">
<div style="float:left; width:3em;">Ist:<br />{{lang|ja|{{vertikal|マラソンでは、約{{vertikal|42|h=all}}{{vertikal|km|h=all}}走る。}}}}</div>
<div style="float:left;">Soll <small>(abgesehen von den Satzzeichen)</small>:<br /><span style="display:block; line-height:1em; text-align:center;">{{lang|ja|マ<br />ラ<br />ソ<br />ン<br />で<br />は<br />、<br />約<br />42<br />km<br />走<br />る<br />。}}</span></div>
{{Absatz|links}}

<pre>{{lang|ja|{{vertikal|マラソンでは、約{{vertikal|42|h=all}}{{vertikal|km|h=all}}走る。}}}}</pre>
</div>
Längere horizontale Sequenzen deren Breite, die Breite einer Spalte überschreiten, werden horizontal gestaucht dargestellt (z.B. IE oder Safari), von einigen Browsern (z.B. Chrome) jedoch ignoriert, d.h. trotzdem vertikal dargestellt.

* <code>digits 2</code> (kurz nur <code>digits</code>), <code>digits 3</code>, <code>digits 4</code>: nur Zahlen mit zwei bis vier Ziffern horizontal darstellen
<div style="margin:0.5em; padding:0.5em;">
<div style="float:left; width:3em;">Ist:<br />{{lang|ja|{{vertikal|平成24年9月10日|h=digits}}}}</div>
<div style="float:left;">Soll:<br /><span style="display:block; line-height:1em; text-align:center;">{{lang|ja|平<br />成<br />24<br />年<br />9<br />月<br />10<br />日}}</span></div>
{{Absatz|links}}

<pre>{{lang|ja|{{vertikal|平成24年9月10日|h=digits}}}}</pre>
</div>
<includeonly>
[[Kategorie:Vorlage:Textformatierung‎]]
[[Kategorie:Vorlage:Fremdsprachenunterstützung|*Vertikal]]
</includeonly>