49 lines
2.1 KiB
Markdown
49 lines
2.1 KiB
Markdown
---
|
|
title: Text Align
|
|
localeTitle: نص محاذاة
|
|
---
|
|
## نص محاذاة
|
|
|
|
توضح هذه الخاصية CSS المحاذاة الأفقية للمحتوى المضمَّن في عنصر كتلة الأصل. لا تتحكم محاذاة `text-align` في محاذاة عناصر الكتلة ، ولكنها تؤثر فقط على المحتوى المضمّن الخاص بها.
|
|
|
|
### القيم:
|
|
|
|
يتم تحديد خاصية `text-align` ككلمة رئيسية واحدة يتم اختيارها من قائمة القيم أدناه:
|
|
|
|
`text-align: left;` محاذاة النص إلى اليسار
|
|
|
|
`text-align: right;` محاذاة النص إلى اليمين
|
|
|
|
`text-align: center;` محاذاة النص إلى المركز
|
|
|
|
`text-align: justify;` يجعل الخطوط بنفس العرض
|
|
|
|
`text-align: justify-all;` يجعل الخطوط بنفس العرض ، بما في ذلك آخرها
|
|
|
|
`text-align: start;` محاذاة السطر الأخير في بداية السطر
|
|
|
|
`text-align: end;` محاذاة السطر الأخير في نهاية السطر
|
|
|
|
`text-align: match-parent;` حساب القيم تبدأ وتنتهي إلى اتجاه الوالد واستبدالها بالقيمة المناسبة لليمين أو اليسار.
|
|
|
|
**كتلة محاذاة القيم (بناء الجملة غير القياسية)** :
|
|
|
|
`text-align: -moz-center;`
|
|
|
|
`text-align: -webkit-center;`
|
|
|
|
**القيم العالمية** :
|
|
|
|
`text-align: inherit;` يرث من عنصره الرئيسي
|
|
|
|
`text-align: initial;` القيمة الافتراضية
|
|
|
|
`text-align: unset;` يطبق إما الوراثة أو القيمة الأولية ، اعتمادًا على الخصائص الافتراضية للعنصر
|
|
|
|
#### معلومات اكثر:
|
|
|
|
* [CSS1 المواصفات](https://www.w3.org/TR/REC-CSS1/#text-align)
|
|
* [CSS2 المواصفات](https://www.w3.org/TR/CSS21/text.html#alignment-prop)
|
|
* [CSS3 المواصفات](https://www.w3.org/TR/css-text-3/#justification)
|
|
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
|
|
* [CSS الخدع](https://css-tricks.com/almanac/properties/t/text-align/) |