فيما يلي شرح مفصل لكل خاصية CSS
ملكية color
تُستخدم الخاصية color لتنسيق لون نص العنصر.
يمكن أن تكون القيمة اسم لون(على سبيل المثال red ، blue ، green) ، أو رمز سداسي عشري(على سبيل المثال ، "# FF0000" لـ red) ، أو rgb() وظيفة لتحديد Red, Green, Blue القيم.
مثال: color: red;
ملكية font-size
تُستخدم الخاصية font-size لتنسيق حجم النص داخل العنصر.
يمكن أن تكون القيمة بالبكسل(على سبيل المثال ، "12 بكسل") أو وحدات em(على سبيل المثال ، "1.2em") أو النسب المئوية(٪) أو القيم النسبية الأخرى.
مثال: font-size: 16px;
ملكية background-color
تُستخدم الخاصية background-color لتنسيق لون خلفية العنصر.
يمكن أن تكون القيمة أيضًا اسمًا للون ، أو رمزًا سداسيًا عشريًا ، أو وظيفة "rgb()" لتحديد اللون.
مثال: background-color: #F0F0F0;
ملكية font-family
تحدد خاصية "font-family" الخط المستخدم للنص داخل العنصر.
يمكن أن تكون القيمة اسم خط(على سبيل المثال Arial ، Helvetica) أو قائمة بأسماء الخطوط ذات الأولوية.
مثال: font-family: Arial, sans-serif;
ملكية text-align
تُستخدم خاصية "محاذاة النص" لمحاذاة النص داخل العنصر.
يمكن أن تكون القيمة left ، right أو center ، أو justify(لضبط النص على كلا الطرفين).
مثال: text-align: center;
ملكية width
تحدد خاصية "العرض" عرض العنصر.
يمكن أن تكون القيمة بالبكسل أو النسب المئوية(٪) أو auto للعرض التلقائي.
مثال: width: 300px;
ملكية height
تحدد الخاصية height ارتفاع العنصر.
يمكن أن تكون القيمة pixel بالنسب المئوية(٪) أو auto للارتفاع التلقائي.
مثال: height: 200px;
ملكية border
تُستخدم الخاصية border لإنشاء حد حول عنصر.
يمكن أن تتضمن القيمة سمك الحدود(على سبيل المثال ، "1 بكسل") ، border style(على سبيل المثال solid ، dotted) ، و color(على سبيل المثال ، red).
مثال: border: 1px solid black;
ملكية margin
تحدد الخاصية margin التباعد بين العنصر والعناصر المحيطة.
يمكن أن تكون القيمة قيمة بكسل(على سبيل المثال ، "10 بكسل") ، أو قيم بكسل لكل اتجاه(على سبيل المثال ، "5 بكسل 10 بكسل") ، أو auto للتباعد التلقائي.
مثال: margin: 10px;
ملكية padding
تحدد الخاصية padding التباعد بين المحتوى وحدود العنصر.
يمكن أن تكون القيمة pixel قيمة أو قيم بكسل لكل اتجاه.
مثال: padding: 20px;
هذه مجرد أمثلة قليلة لخصائص CSS وقيمها. يوفر CSS العديد من الخصائص الأخرى لتصميم العناصر وتخصيصها على صفحة الويب الخاصة بك. يمكنك استكشاف المزيد من الخصائص وتخصيصها لتحقيق تصميمات وتأثيرات متنوعة لموقعك على الويب.