الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> :root { --main-font-size: 16px; --main-font-family: Arial; --page-title-font-size: 20px; --code-font-family: Consolas, Courier New, monospace; } body { font-family: var(--main-font-family); font-size: var(--main-font-size); } h1 { font-family: var(--page-title-font-size); } code { font-family: var(--code-font-family); } </style> </head> <body> <h1>CSS Variables</h1> <p>The <code>var()</code> function is used to retrive variable value.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود