الفرق بين المراجعتين لصفحة: «CSS/computed value»
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
سطر 13: | سطر 13: | ||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مواصفة [http://www.w3.org/TR/CSS2/cascade.html#computed-value CSS Level 2 (Revision 1)]. | * مواصفة [http://www.w3.org/TR/CSS2/cascade.html#computed-value CSS Level 2 (Revision 1)]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] |
مراجعة 15:41، 28 يناير 2018
القيمة المحسوبة (computed value) لإحدى خاصيات CSS تُحسَب من القيمة المُحدَّدة كما يلي:
- التعامل مع القيم الخاصة
inherit
وinitial
. - إجراء الحسابات اللازمة للوصول إلى القيمة الموصوفة في الجدول الموجود في صفحة الخاصيات بعنوان «القيمة المحسوبة» (والمأخوذ من المواصفة).
العمليات الحسابية المطلوبة للوصول إلى القيمة المحسوبة للخاصية قد تتضمن تحويل الواحدات النسبية (مثل em
أو النسبة المئوية <percentage>
) إلى أطوال مطلقة.
على سبيل المثال، إذا كان للعنصر القيمة 16px
للخاصية font-size
، والقيمة 2em
للخاصية padding-top
، فإنَّ القيمة المحسوبة للخاصية padding-top
هي 32px
.
لكن لبعض الخاصيات (التي تكون فيها النسب المئوية تابعةً لتخطيط الصفحة، مثل الخاصيات width
و margin-right
و text-indent
و top
) فستكون النسب المئوية المُحدَّدة هي القيم المحسوبة، وكذلك الأمر للقيم العددية دون واحدة المُحدَّدة في الخاصية line-height
؛ هذه الأطوال النسبية التي تبقى كقيم محسوبة ستتحول إلى مطلقة عندما تُحسَب القيمة المستعملة.
الاستخدام الرئيسي للقيمة المحسوبة (بغض النظر أنَّها الخطوة الضرورية للتحويل بين القيمة المُحدَّدة والقيمة المستخدمة) هو الوراثة، بما في ذلك الكلمة المحجوزة inherit
.
مصادر ومواصفات
- مواصفة CSS Level 2 (Revision 1).