Fandom

HTML & CSS Wiki

Text-kashida-space

649pages on
this wiki
Add New Page
Comments0 Share

The text-kashida-space property is used in CSS and certain HTML elements. A "Kashida" is a typographic effect that justifies lines of text by elongating certain characters at carefully chosen points. It is used in Arabic writing systems. This property controls the ratio of kashida expansion to white-space expansion when justifying lines of text in an element. The property can be used with any text-justify justification mode where kashida-style expansion is used (auto, distribute, kashida, and newspaper).

Values

  • inherit - Text is expanded using the text expansion value set on the parent element.
  • <percentage> - Refers to a ratio between kashida expansion and white-space expansion. 0% indicates white-space expansion only, while 100% indicates kashida expansion only.


HTML example:

<div style="text-align:justify; text-justify:newspaper; text-kashida-space:75%;">
This is "Newspaper" justified content with text-kashida-space set to "75%".
But it won't do anything because the content is English.</div>


CSS example:

div {
     text-align:justify;
     text-justify:newspaper;
     text-kashida-space:75%;
}

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.