مثال
تعيين الاصطفافات واحدة من العناصر داخل عنصر المرونة لتتناسب مع الحاوية:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; انها محاولة لنفسك » تعريف والاستخدام
تحدد الخاصية alignSelf محاذاة للعنصر المحدد داخل حاوية مرنة.
Note: الخاصية alignSelf يتجاوز الملكية alignItems الحاوية مرنة و.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
أرقام تليها بكت تحدد النسخة الأولى التي عملت مع بادئة.
| خاصية | |||||
|---|---|---|---|---|---|
| alignSelf | 21.0 | 11.0 | 20.0 | 7.0 بكت | 12.1 |
ملاحظة: سفاري دعم بديل، الخاصية WebkitAlignSelf.
بناء الجملة
إعادة الممتلكات alignSelf:
object .style.alignSelfتعيين الخاصية alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
قيم الممتلكات
| القيمة | وصف |
|---|---|
| auto | افتراضي. العنصر يرث البنود محاذاة الملكية الحاوية الأصلية الخاصة به، أو "stretch" إذا كان لديه أي حاوية أصل |
| stretch | يتم وضع عنصر لتناسب conatiner |
| center | يتم وضع العنصر في وسط الحاوية |
| flex-start | ويتم وضع العنصر في بداية الحاوية |
| flex-end | يتم وضع العنصر في نهاية الحاوية |
| baseline | يتم وضع العنصر في الأساس من الحاوية |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | تلقاءي |
|---|---|
| قيمة الإرجاع: | A سلسلة تمثل الملكية محاذاة الذاتي للعنصر |
| صفحة CSS | CSS3 |
صفحات ذات صلة
CSS المرجع align-self property
HTML DOM STYLE المرجعي: alignContent property
HTML DOM STYLE المرجعي: alignItems property
<كائن نمط