Template:Writing-mode/doc

This template is a shortcut for adding writing mode property using CSS. It generates the CSS for various browsers. Supported browsers are the current versions o

Template:Writing-mode/doc

This template is a shortcut for adding writing mode property using CSS. It generates the CSS for various browsers. Supported browsers are the current versions of Firefox, Safari, Chrome and Edge.

Usage

Insert this template within a style tag of any block-style element:

{{writing-mode | [directionality]}}

The following value making the text vertically, but the direction of columns is different:

  • v, v1, tbrl: apply right-to-left direction to colums
  • v2, tblr: apply left-to-right direction to colums

The h value making the text horizontally, maybe it also produce "Tate-chū-yoko" effect within vertical text:

The following value making the text just rotate to 90° in different direction:

  • s1: clockwise
  • s2: counter-clockwise

Example

  • <div style="{{writing-mode|v1}}">Lorem ipsum...</div> will produce:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • <div style="{{writing-mode|v2}}">Lorem ipsum...</div> will produce:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

See also


Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.