مثال
ضبط محاذاة النص ل<H1> <H2>، و <h3> عناصر هي:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
تحدد الخاصية النص محاذاة المحاذاة الأفقية النص في عنصر.
القيمة الافتراضية: | left if direction is ltr, and right if direction is rtl |
---|---|
وارث: | yes |
Animatable: | no. Read about animatable |
الإصدار: | CSS1 |
جافا سكريبت بناء الجملة: | object .style.textAlign="right" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
خاصية | |||||
---|---|---|---|---|---|
text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS بناء الجملة
text-align: left|right|center|justify|initial|inherit;
قيم الملكية
القيمة | وصف | العبها |
---|---|---|
left | محاذاة النص إلى اليسار | العبها " |
right | محاذاة النص إلى اليمين | العبها " |
center | مراكز النص | العبها " |
justify | تمتد خطوط بحيث كل سطر يحتوي متساوية العرض (كما هو الحال في الصحف والمجلات) | العبها " |
initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
مثال
يوضح هذا المثال مثال النص محاذاة أكثر تقدما:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
انها محاولة لنفسك » صفحات ذات صلة
درس CSS: CSS النص
HTML DOM المرجع textAlign property