In order to access this site you need to enable JavaScript!

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>