الفرق بين المراجعتين لصفحة: «CSS/computed value»

من موسوعة حسوب
< CSS
لا ملخص تعديل
 
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{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.

مصادر ومواصفات