نتائج البحث

الخاصية flex-shrink في CSS تُحدِّد معامل التقلص لأحد عناصر flex، وهي تُحدِّد مقدار المساحة التي يجب أن يأخذها العنصر داخل حاوية flex نسبةً إلى بقية العناصر، وذلك في حال كان العرض الافتراضي للعناصر flex أكبر من الحاوية. بطاقة الخاصية القيمة الابتدائية 1 تُطبَّق على عناصر flex. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* <number> قيم عددية */ flex-shrink: 2; flex-shrink: 0.6; /* Global values */ flex-shrink: inherit; flex-shrink: initial; flex-shrink: unset; أمثلة في المثال الآتي، حددنا تقلص العناصر A و B و ...

جميع التوابع في هذا القسم تعدل وتتلاعب بشجرة DOM عبر تعديل خاصية محددة لعنصر (أو مجموعة من العناصر). توصف أغلبية هذه التوابع على أنها «توابع ضابطة» (setters)، إذ تضبط وتغير قيمة خاصية محددة. هنالك قلة من هذه التوابع توصف على أنها «توابع جالبة» (getters) مثل ‎.attr()‎ و ‎.html()‎ و ‎.val()‎ لأنها تجلب معلومات من عناصر DOM لاستخدامها لاحقًا. (إن كنت تود إجراء تعديل على العنصر نفسه، فارجع إلى قسم «تعديل العناصر»). ‎.addClass()‎ يُضيف هذا التّابع الصّنف أو الأصناف المُحدَّدة لكل ...

الخاصية z-index في CSS تُحدِّد ترتيب العناصر التي يمكن أن يتغير مكانها (positioned elements) على المحور Z، فعندما تتداخل العناصر فستُحدِّد قيمة هذه الخاصية ما هو العنصر الذي سيظهر أعلى بقية العناصر، والعنصر الذي له قيمة z-index أكبر ما يمكن سيظهر في الأعلى. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على العناصر التي يمكن أن يتغير مكانها (positioned elements). قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* كلمة محجوزة */ z-index: auto; /* <integer> قيم عددية */ z-index: 0; z-index: 3; z-index: 289; z-index: ...

الخاصية border-right في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات border-right-color و border-right-style و border-right-width، هذه الخاصيات تصف كيفية عرض الإطار border الأيمن للعنصر. بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: border-right-width: medium border-right-style: none border-right-color: currentcolor تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة لكل قيمة مختصرة: border-right-width: الطول المطلق، أو 0 إذا ضُبِطَت الخاصية border-right-style إلى none أو hidden. border-right-style: كما حُدِّدَت. border-right-color: اللون المحسوب. border-right: 1px; border-right: 2px dotted; border-right: medium dashed blue; وكما في جميع الخاصيات ...

الخاصية column-gap في CSS تضبط حجم الفراغ بين الأعمدة في العناصر متعددة الأعمدة (multi-column elements). بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على العناصر متعددة الأعمدة. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* كلمة محجوزة */ column-gap: normal; /* <length> قيمة طولية */ column-gap: 3px; column-gap: 2.5em; /* القيم العامة */ column-gap: inherit; column-gap: initial; column-gap: unset; أمثلة مثال عن استخدام الخاصية column-gap مع قيمة طولية: <p class="content-box"> هذه فقرةٌ نصيةٌ ستُقسَم إلى ثلاثة أعمدة باستخدام CSS، لاحظ المسافات بين الأعمدة المتجاورة. </p> شيفرة CSS: .content-box { ...

الخاصية counter-reset في CSS تُعيد ضبط قيمة أحد عدّادات CSS إلى قيمة معيّنة، بينما يمكن زيادة أو إنقاص قيمة العداد باستخدام الخاصية counter-increment. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على كل العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* ضبط قيمة العداد إلى 0 */ counter-reset: my-counter; /* ضبط قيمة العداد إلى -1 */ counter-reset: my-counter -1; /* ضبط قيمة أوّل عداد إلى 1 وثاني عدّاد إلى 4 */ counter-reset: counter1 1 counter2 4; /* إلغاء عملية إعادة التعيين، وتُستخدَم لتجاوز القواعد ...

الخاصية align-content في CSS تُعرِّف طريقة توزيع المتصفح للمسافة بين العناصر وحولها على امتداد المحور الثانوي من حاوية flex. بطاقة الخاصية القيمة الابتدائية stretch تُطبَّق على حاويات flex التي تُعرَض فيها العناصر على أكثر من سطر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* المحاذاة المكانية */ align-content: center; align-content: start; align-content: end; align-content: flex-start; align-content: flex-end; align-content: left; align-content: right; /* محاذاة خط الأساس */ align-content: baseline; align-content: first baseline; align-content: last baseline; /* توزيع المسافات */ align-content: space-between; align-content: space-around; align-content: space-evenly; align-content: stretch; /* التحكم بالفائض من المحتوى */ align-content: safe ...

event.currentTarget القيمة المعادة تعيد كائنًا من النوع Element. الوصف عنصر DOM الحالي خلال مرحلة إنتاج فقاعات الحدث. event.currentTarget أُضيف مع الإصدار: 1.3. تساوي هذه الخاصية عادة عنصر this الوظيفة. إذا أُستخدِم jQuery.proxy أو أي شكل آخر لمعالجة النطاق، فسيكون this مساويًا لأي سياق مُدخَل، وليس event.currentTarget. أمثلة لاحظ أنَّ الخاصية CurrentTarget تتطابق مع قيمة المعامل this: $( "p" ).click(function( event ) { alert( event.currentTarget === this ); // true }); مصادر صفحة الخاصية event.currentTarget‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في توثيق jQuery الرسمي.

event.relatedTarget القيمة المعادة تُعيد كائنًا من النوع Element. الوصف عنصر DOM الآخر المتضمن في الحدث، إن وجد. event.relatedTarget أُضيفت مع الإصدار: 1.1.4. مع mouseout يشير إلى العنصر الذي دخل المؤشر إليه؛ ومع mouseover، يشير إلى العنصر الذي خرج المؤشر منه. أمثلة التنبيه بنوع العنصر المُدخَل عند وقوع الحدث mouseout على العنصر <a>: $( "a" ).mouseout(function( event ) { alert( event.relatedTarget.nodeName ); // "DIV" }); مصادر صفحة الخاصية event.relatedTarget في توثيق jQuery الرسمي.

الخاصية text-align في CSS تصف كيف تكون محاذاة العناصر السطرية مثل النصوص في الحاويات الكتلية؛ لاحظ أنَّ الخاصية text-align لا تتحكم بمحاذاة العناصر الكتلية، وإنما تتحكم بمحاذاة بالمحتوى السطري الموجود داخلها. بطاقة الخاصية القيمة الابتدائية start، أو قيمة غير محددة ستمثِّل القيمة left إذا كان اتجاه العنصر ltr، و right إذا كان اتجاه النص rtl وذلك في حال كانت القيمة start غير مدعومة في المتصفح. تُطبَّق على الحاويات الكتلية. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدت، باستثناء ...