arabic-list

A very simple ONLY CSS code to define new arabic-alpha type for lists in HTML (أبجد هوز) This is a very simple CSS code that define new type of list to be used in CSS list types. This code is written only with pure CSS syntax.

Getting started

You just only have to embed the css file in your html file like this:

<link href="arabic-list.css" rel="stylesheet" type="text/css"/>

Then you can use the class .arabic-list in any unorderlist <ul> like following:

<ul class = "arabic-list">
        <li>أحمد</li>
        <li>محمد</li>
        <li>خلدون</li>
</ul>

You can also use this code to define a new list type for yourprefered language. For example; if you want to create new list type for persian language, you can edit arabic-list.css file to add persian charcaters in the order.

The following order is used for Arabic alphabets: أبجد هوز حطي كلمن سعفص قرشت ثخذ ضظغ

DEMO

You can see a demo of the code here: