من خصائص CSS الأساسية المرتبطة بتنسيق النص~؟
إجابة الطالب المختصرة من خلال موقع بوابة الإجابات هي
اللون الحجم العرض
بالتأكيد، إليك بعض خصائص CSS الأساسية المرتبطة بتنسيق النص، مع شرح بسيط لكل منها:
* **`font-family`**: تحدد خط النص. يمكنك تحديد عدة خطوط كخطة احتياطية في حال لم يتوفر الخط الأول.
* مثال: `font-family: "Arial", sans-serif;`
* **`font-size`**: تحدد حجم النص. يمكن تحديد الحجم بوحدات مختلفة مثل `px` (بكسل)، `em`، `rem`، أو كلمات مفتاحية مثل `small`، `medium`، `large`.
* مثال: `font-size: 16px;`
* **`font-weight`**: تحدد سمك أو وزن الخط. قيم شائعة: `normal`، `bold`، `lighter`، `bolder`، أو قيم رقمية مثل `100` إلى `900`.
* مثال: `font-weight: bold;`
* **`font-style`**: تحدد نمط الخط. قيم شائعة: `normal`، `italic`، `oblique`.
* مثال: `font-style: italic;`
* **`color`**: تحدد لون النص. يمكن تحديد اللون بالاسم (`red`, `blue`)، أو بنظام الألوان الست عشرية (`#FF0000`)، أو بـ `RGB` أو `RGBA`.
* مثال: `color: #333;`
* **`text-align`**: تحدد محاذاة النص داخل العنصر. قيم شائعة: `left`، `right`، `center`، `justify`.
* مثال: `text-align: center;`
* **`text-decoration`**: تحدد الزخرفة المضافة إلى النص. قيم شائعة: `none` (افتراضي)، `underline`، `overline`، `line-through`.
* مثال: `text-decoration: underline;`
* **`line-height`**: تحدد المسافة بين سطور النص. يمكن تحديد القيمة برقم (مضاعف لحجم الخط)، أو بوحدة مثل `px` أو `em`.
* مثال: `line-height: 1.5;`
* **`letter-spacing`**: تحدد المسافة بين الحروف. يمكن تحديد القيمة بوحدات مثل `px` أو `em`.
* مثال: `letter-spacing: 1px;`
* **`word-spacing`**: تحدد المسافة بين الكلمات. يمكن تحديد القيمة بوحدات مثل `px` أو `em`.
* مثال: `word-spacing: 5px;`
* **`text-transform`**: تتحكم في حالة الأحرف. قيم شائعة: `uppercase`، `lowercase`، `capitalize` (الحرف الأول من كل كلمة كبير).
* مثال: `text-transform: uppercase;`
* **`text-shadow`**: تضيف ظلًا للنص. تتطلب تحديد إزاحة الظل الأفقي والرأسي، مقدار التمويه، واللون.
* مثال: `text-shadow: 2px 2px 4px #000000;`
* **`direction`**: تحدد اتجاه النص (من اليمين إلى اليسار أو من اليسار إلى اليمين). قيم شائعة: `ltr` (افتراضي)، `rtl`.
* مثال: `direction: rtl;`
* **`white-space`**: تحدد كيفية تعامل العنصر مع المسافات البيضاء داخل النص. تشمل القيم الشائعة `normal` و `nowrap` و `pre` و `pre-wrap` و `pre-line`.
هذه الخصائص تسمح لك بالتحكم بشكل كبير في مظهر النص على صفحات الويب.
اذا كان لديك إجابة افضل او هناك خطأ في الإجابة علي سؤال من خصائص CSS الأساسية المرتبطة بتنسيق النص~ اترك تعليق فورآ.