RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation below:

text-orientation - CSS | MDN

writing-mode: vertical-rl;
text-orientation: mixed;

writing-mode: vertical-rl;
text-orientation: upright;

<section class="default-example" id="default-example">
  <div class="transition-all" id="example-element">
    <p>
      In another moment down went Alice after it, never once considering how in
      the world she was to get out again.
    </p>
  </div>
</section>

Syntax

/* Keyword values */
text-orientation: mixed;
text-orientation: upright;
text-orientation: sideways-right;
text-orientation: sideways;
text-orientation: use-glyph-orientation;

/* Global values */
text-orientation: inherit;
text-orientation: initial;
text-orientation: revert;
text-orientation: revert-layer;
text-orientation: unset;

The text-orientation property is specified as a single keyword from the list below.

Values

mixed: Rotates the characters of horizontal scripts 90Â° clockwise. Lays out the characters of vertical scripts naturally. Default value.
upright: Lays out the characters of horizontal scripts naturally (upright), as well as the glyphs for vertical scripts. Note that this keyword causes all characters to be considered as left-to-right: the used value of direction is forced to be ltr.
sideways: Causes characters to be laid out as they would be horizontally, but with the whole line rotated 90Â° clockwise.
sideways-right: An alias to sideways that is kept for compatibility purposes.
use-glyph-orientation: On SVG elements, this keyword leads to use the value of the deprecated SVG properties glyph-orientation-vertical and glyph-orientation-horizontal.

Formal definition Formal syntax

text-orientation = 
  mixed     |
  upright   |
  sideways

Examples HTML

<p>Lorem ipsum dolet semper quisquam.</p>

CSS

p {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

Result Specifications Browser compatibility

Loadingâ¦