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

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

المراجعة الحالية بتاريخ 10:55، 19 مارس 2019

القيمة المحسوبة (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.

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