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

من موسوعة حسوب
< CSS‏ | Topics
لا ملخص تعديل
 
طلا ملخص تعديل
 
سطر 7: سطر 7:
|-
|-
|<code>[[CSS/attr|attr()‎]]</code>
|<code>[[CSS/attr|attr()‎]]</code>
|الدالة <code>attr()‎</code> في CSS تُستعمَل للحصول على قيمة إحدى خاصيات العنصر المُحدَّد واستخدامها في أنماط CSS، ويمكن استعمالها أيضًا على العناصر الزائفة (pseudo-elements) وفي هذه الحالة ستُستخدَم قيمة خاصية العنصر الأصل.
|الدالة <code>attr()‎</code> في لغة CSS تُستعمَل للحصول على قيمة إحدى خاصيات العنصر المُحدَّد واستخدامها في أنماط CSS، ويمكن استعمالها أيضًا على العناصر الزائفة (pseudo-elements) وفي هذه الحالة ستُستخدَم قيمة خاصية العنصر الأصل.
|-
|-
|<code>[[CSS/calc|calc()‎]]</code>
|<code>[[CSS/calc|calc()‎]]</code>
|الدالة <code>calc()‎</code> في CSS تسمح بإجراء عمليات حسابية عند تحديد قيم خاصيات CSS، ويمكن استخدامها في أي موضع يُسمَح فيه باستخدام أنواع البيانات<code>[[CSS/length|<length>]]</code> و <code>[[CSS/percentage|<percentage>]]</code> و <code>[[CSS/angle|<angle>]]</code> و <code>[[CSS/time|<nowiki><time></nowiki>]]</code> و <code>[[CSS/number|<number>]]</code> و<code>[[CSS/integer|<integer>]]</code>.
|الدالة <code>calc()‎</code> في لغة CSS تسمح بإجراء عمليات حسابية عند تحديد قيم خاصيات CSS، ويمكن استخدامها في أي موضع يُسمَح فيه باستخدام أنواع البيانات<code>[[CSS/length|<length>]]</code> و <code>[[CSS/percentage|<percentage>]]</code> و <code>[[CSS/angle|<angle>]]</code> و <code>[[CSS/time|<nowiki><time></nowiki>]]</code> و <code>[[CSS/number|<number>]]</code> و<code>[[CSS/integer|<integer>]]</code>.
|-
|-
|<code>[[CSS/inherit|inherit]]</code>
|<code>[[CSS/inherit|inherit]]</code>
|الكلمة المحجوزة <code>inherit</code> في CSS تؤدي إلى جعل العنصر يأخذ القيمة المحسوبة لهذه الخاصية من العنصر الأب، ويمكن تطبيق هذه القيمة على جميع خاصيات CSS بما في ذلك خاصية <code>all</code> المختصرة.
|الكلمة المحجوزة <code>inherit</code> في لغة CSS تؤدي إلى جعل العنصر يأخذ القيمة المحسوبة لهذه الخاصية من العنصر الأب، ويمكن تطبيق هذه القيمة على جميع خاصيات CSS بما في ذلك خاصية <code>all</code> المختصرة.
|-
|-
|<code>[[CSS/initial|initial]]</code>
|<code>[[CSS/initial|initial]]</code>
|الكلمة المحجوزة <code>initial</code> في CSS تُطبِّق <nowiki/>[[CSS/initial value|القيمة الابتدائية]] للخاصية على العنصر، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية <code>all</code> المختصرة.
|الكلمة المحجوزة <code>initial</code> في لغة CSS تُطب<nowiki/>ِّق <nowiki/>[[CSS/initial value|القيمة الابتدائية]] للخاصية على العنصر، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية <code>all</code> المختصرة.
|-
|-
|<code>[[CSS/unset|unset]]</code>
|<code>[[CSS/unset|unset]]</code>
|الكلمة المحجوزة <code>unset</code> في CSS تُعيد ضبط قيمة الخاصية إلى قيمتها المورثة إن ورثت القيمة من العنصر الأب، أو إلى قيمتها الابتدائية إن لم ترثها؛ بصياغة أخرى، ستسلك هذه الكلمة المحجوزة سلوك <code>[[CSS/inherit|inherit]]</code> في الحالة الأولى، وسلوك <code>[[CSS/initial|initial]]</code> في الحالة الثانية، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية <code>all</code> المختصرة.
|الكلمة المحجوزة <code>unset</code> في لغة CSS تُعيد ضبط قيمة الخاصية إلى قيمتها المورثة إن ورثت القيمة من العنصر الأب، أو إلى قيمتها الابتدائية إن لم ترثها؛ بصياغة أخرى، ستسلك هذه الكلمة المحجوزة سلوك <code>[[CSS/inherit|inherit]]</code> في الحالة الأولى، وسلوك <code>[[CSS/initial|initial]]</code> في الحالة الثانية، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية <code>all</code> المختصرة.
|-
|-
|<code>[[CSS/var|var()‎]]</code>
|<code>[[CSS/var|var()‎]]</code>
|الدالة <code>var()‎</code> في CSS تُستخدم لتضمين قيمة <nowiki/>[[CSS/--*|خاصية مخصصة]] بدلًا من قيمة إحدى الخاصيات الأخرى.
|الدالة <code>var()‎</code> في لغة CSS تُستخدم لتضمين ق<nowiki/>يمة <nowiki/>[[CSS/--*|خاصية مخصصة]] بدلًا من قيمة إحدى الخاصيات الأخرى.
|-
|-
|<code>[[CSS/will-change|will-change]]</code>
|<code>[[CSS/will-change|will-change]]</code>
|الخاصية <code>will-change</code> في CSS تسمح للمطورين بأخبار المتصفحات ما هي التغييرات المتوقع إجراؤها على العنصر، لكي يتمكن المتصفح من ضبط تحسينات الأداء قبل حدوث التغيير، وهذه التحسينات ستزيد من استجابة الصفحة عبر القيام بالحسابات اللازمة قبل وقوع التغيير.
|الخاصية <code>will-change</code> في لغة CSS تسمح للمطورين بأخبار المتصفحات ما هي التغييرات المتوقع إجراؤها على العنصر، لكي يتمكن المتصفح من ضبط تحسينات الأداء قبل حدوث التغيير، وهذه التحسينات ستزيد من استجابة الصفحة عبر القيام بالحسابات اللازمة قبل وقوع التغيير.
|}
|}

المراجعة الحالية بتاريخ 16:00، 7 أكتوبر 2022

العنصر الوصف
‎--*‎ أسماء الخاصيات التي تُسبَق بشرطتين --، مثل ‎--example-name، تُمثِّل الخاصيات المخصصة (custom properties) التي تُسنَد لها قيمة يمكن إعادة استخدامها في المستند عبر الدالة var()‎.
attr()‎ الدالة attr()‎ في لغة CSS تُستعمَل للحصول على قيمة إحدى خاصيات العنصر المُحدَّد واستخدامها في أنماط CSS، ويمكن استعمالها أيضًا على العناصر الزائفة (pseudo-elements) وفي هذه الحالة ستُستخدَم قيمة خاصية العنصر الأصل.
calc()‎ الدالة calc()‎ في لغة CSS تسمح بإجراء عمليات حسابية عند تحديد قيم خاصيات CSS، ويمكن استخدامها في أي موضع يُسمَح فيه باستخدام أنواع البيانات<length> و <percentage> و <angle> و <time> و <number> و<integer>.
inherit الكلمة المحجوزة inherit في لغة CSS تؤدي إلى جعل العنصر يأخذ القيمة المحسوبة لهذه الخاصية من العنصر الأب، ويمكن تطبيق هذه القيمة على جميع خاصيات CSS بما في ذلك خاصية all المختصرة.
initial الكلمة المحجوزة initial في لغة CSS تُطبِّق القيمة الابتدائية للخاصية على العنصر، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية all المختصرة.
unset الكلمة المحجوزة unset في لغة CSS تُعيد ضبط قيمة الخاصية إلى قيمتها المورثة إن ورثت القيمة من العنصر الأب، أو إلى قيمتها الابتدائية إن لم ترثها؛ بصياغة أخرى، ستسلك هذه الكلمة المحجوزة سلوك inherit في الحالة الأولى، وسلوك initial في الحالة الثانية، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية all المختصرة.
var()‎ الدالة var()‎ في لغة CSS تُستخدم لتضمين قيمة خاصية مخصصة بدلًا من قيمة إحدى الخاصيات الأخرى.
will-change الخاصية will-change في لغة CSS تسمح للمطورين بأخبار المتصفحات ما هي التغييرات المتوقع إجراؤها على العنصر، لكي يتمكن المتصفح من ضبط تحسينات الأداء قبل حدوث التغيير، وهذه التحسينات ستزيد من استجابة الصفحة عبر القيام بالحسابات اللازمة قبل وقوع التغيير.