وحدات الطول إما مطلقة أو نسبية. الوحدات النسبية

[الفارس]

وحدات الطول إما مطلقة أو نسبية. الوحدات النسبية

width: 50%; /* نسبة من عرض العنصر الأب */
font-size: 2em; /* مضاعفة حجم الخط الخاص بالعنصر نفسه*/
font-size: 2rem; /* مضاعفة حجم الخط حسب حجم الخط الخاص بالعنصر الأب */
font-size: 2vw; /* مضاعفة حجم الخط بالنسبة ل 1% من عرض المساحة المرئية للمستخدم*/
font-size: 2vh; /* من الارتفاع*/
font-size: 2vmin; /* مضاعفة حجم الخط لأصغر قيمة من الارتفاع أو العرض*/
font-size: 2vmax; /* لاكبر قيمة */
القيم المطلقة:

width: 200px; /* بكسل */
font-size: 20pt; /* نقطة */
width: 5cm; /* سنتميتر */
min-width: 50mm; /* مليميتر */
max-width: 5in; /* إنش */
الألوان:

color: #F6E; /* صيغة سداسية قصيرة */
color: #FF66EE; /* صيغة سداسية طويلة */
color: tomato; /* حسب الاسم */
color: rgb(255, 255, 255); /* كقيم rgb */
color: rgb(10%, 20%, 50%); /* كنسبة rgb */
color: rgba(255, 0, 0, 0.3); /* كقيم rgba */
color: transparent; /* الشفافية صفر*/
color: hsl(0, 100%, 50%); /* كنسب hsl */
color: hsla(0, 100%, 50%, 0.3); /* كنسب hsla */
الحدود:

border-width:5px;
border-style:solid;
border-color:red;
border: 5px solid red; /* اختصار القواعد السابقة في قاعدة واحدة */
border-radius:20px; /* خاصية ابتداء من css3 */
الصور:

background-image: url(/img-path/img.jpg);
الخطوط:

font-family: Arial;
إذا كان اسم الخط به مسافات فيجب وضع الاسم بين علامتي تنصيص:

font-family: "Courier New";
في نسرُد لائحة من الخطوط وإن لم يجد المتصفح الخط، يستخدم نوع الخط التالي:

font-family: "Courier New", Trebuchet, Arial, sans-serif;
}