You are here: Reference > CSS > properties > text-kashida-space

text-kashida-space property

Browser support:
Specifies how to justify lines of text by elongating characters at algorithmically-selected points in Arabic writing systems.
JavaScript page for this property: textKashidaSpace. You can find other example(s) there.

Possible values:

 One of the following values: 
indent in percentage
Defines how much space the kashida expansion needs relative to the white-space expansion.
Default: 0%.

Example HTML code 1:

This example illustrates the use of the text-kashida-space property:
<head>
    <style>
        .kasSpace0 {
            text-align: justify;
            text-justify: distribute;
            text-kashida-space: 0%;
        }
        .kasSpace25 {
            text-align: justify;
            text-justify: distribute;
            text-kashida-space: 100%;
        }
    </style>
</head>
<body>
    <div class="kasSpace0">
        <!--The house is very big-->
        العربية لغة رسمية في كل دول العالم العربي إضافة إلى كونها لغة رسمية في دول السنغال، ومالي، وتشاد، وإريتيريا . وقد اعتمدت العربية كإحدى لغات منظمة الأمم المتحدة الرسمية الست
    </div>
    <div class="kasSpace100">
        <!--The house is very big-->
        العربية لغة رسمية في كل دول العالم العربي إضافة إلى كونها لغة رسمية في دول السنغال، ومالي، وتشاد، وإريتيريا . وقد اعتمدت العربية كإحدى لغات منظمة الأمم المتحدة الرسمية الست
    </div>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content