الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <!-- Font-Awesome هنا قمنا بتضمين أيقونات --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> ul { list-style-type: '\f006'; padding: 0 0 0 15px; margin: 0; } ul li { padding-left: 5px; line-height: 26px; } ul li::marker { font-family: "Font Awesome 6 Free"; font-weight: bold; font-size: 14px; color: gold; } </style> </head> <body> <h1>List style type string</h1> <p>You can set an fontawesome icons as marker for items.</p> <ul> <li>Web designer</li> <li>Front end developer</li> <li>Back end developer</li> </ul> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود