نتائج البحث

الخاصية ‎event.namespace‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.namespace القيمة المعادة تُعيد كائنًا من النوع String. الوصف تعيد هذه الخاصية مجال الأسماء (namespace) المستخدم عند إطلاق الحدث. event.namespace أُضيف مع الإصدار: 1.4.3. من المرجح أن تُستعمَل هذه الخاصية بشكل أساسي من قبل مبرمجي الإضافات الذين يرغبون في التعامل مع المهام بشكل مختلف اعتمادًا على مجال الأسماء المستخدم. أمثلة معرفة مجال الأسماء المستخدم عند وقوع الحدث: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>event.namespace مثال على الخاصية</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button>display event.namespace</button> <p></p> <script> $( "p" ).on( "test.something", function( event ) ...

الخاصية vertical-align

الخاصية vertical-align في CSS تُحدِّد المحاذاة الرأسية للعناصر السطرية أو خلايا الجداول. بطاقة الخاصية القيمة الابتدائية baseline تُطبَّق على العناصر السطرية وخلايا الجداول. قابلة للوراثة لا قابلة للحركة نعم القيمة المحسوبة كما حُدِّدَت، مع تحويل النسب المئوية إلى أطوال مطلقة. /* كلمات محجوزة */ vertical-align: baseline; vertical-align: sub; vertical-align: super; vertical-align: text-top; vertical-align: text-bottom; vertical-align: middle; vertical-align: top; vertical-align: bottom; /* <length> قيم طولية */ vertical-align: 10em; vertical-align: 4px; /* <percentage> نسب مئوية */ vertical-align: 20%; /* القيم العامة */ vertical-align: inherit; vertical-align: initial; vertical-align: unset; يمكن أن تستخدم الخاصية vertical-align استخدامين مختلفين: لمحاذاة العناصر السطرية رأسية ضمن ...

الخاصية ‎event.delegateTarget‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.delegateTarget القيمة المعادة تُعيد كائنًا من النوع Element. الوصف العنصر المُرفق به معالج أحداث jQuery المُستدعى حاليًا. event.delegateTarget أُضيف مع الإصدار: 1.7. تفيد هذه الخاصية عادةً في الأحداث المُفوَضة (delegated events) التي رُبِطَت بالحدث باستخدام التابع ‎.delegate()‎ أو التابع ‎.on()‎، عندما يرتبط معالج الحدث بالعنصر الأب للعنصر المُعالَج. على سبيل المثال، فيمكن استخدامه لتحديد وإزالة معالجات الأحداث في نقطة التفويض. بالنسبة إلى معالجات الأحداث غير المُفوَّضة المرفقة مباشرةً بعنصرٍ ما، وتكون الخاصية event.delegateTarget مساويةً دومًا للخاصية event.currentTarget. أمثلة عند النقر ...

الخاصية overflow-wrap

الخاصية overflow-wrap في CSS تُحدِّد إذا كان على المتصفح الانتقال إلى سطر جديد ضمن الكلمات نفسها لمنع النص من تجاوز حدود صندوق المحتوى للعنصر الحاوي عليه. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدت. وعلى النقيض من الخاصية word-break، ستنتقل الخاصية overflow-wrap إلى سطرٍ جديد إذا لم يتمكن المتصفح من وضع الكلمة في سطرٍ بمفردها دون تجاوز حدود صندوق المحتوى. /* كلمات محجوزة */ overflow-wrap: normal; overflow-wrap: break-word; /* قيم عامة */ overflow-wrap: ...

الخاصية backface-visibility

الخاصية backface-visibility في CSS تُحدِّد فيما إذا كان الوجه الخلفي للعنصر ظاهرًا للمستخدم، ويكون الوجه الخلفي للعنصر ذو خلفيةٍ شفافة، ويسمح بعرض صورة معكوسة (mirrored) للوجه الأمامي للعنصر. بطاقة الخاصية القيمة الابتدائية visible تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */ backface-visibility: visible; backface-visibility: hidden; /* القيم العامة */ backface-visibility: inherit; backface-visibility: initial; backface-visibility: unset; هنالك حالات لا نريد فيها إظهار الوجه الأمامي للعنصر معكوسًا على الوجه الخلفي، كما في تأثير قلب البطاقات. لاحظ أنَّ هذه الخاصية ...

الخاصية ‎event.stopPropagation()‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.stopPropagation()‎ القيمة المعادة تُعيد هذه الخاصية القيمة undefined. الوصف تمنع هذه الخاصية الحدث من الانتقال عبر شجرة DOM إلى العناصر الأب (event bubbling)، مما يمنع إبلاغ أي من المعالجات الأب عن الحدث. event.stopPropagation()‎ أُضيف مع الإصدار: 1.0. لا تقبل هذه الخاصية أي وسائط. تستخدم الخاصية event.isPropagationStopped()‎ للحقق من استدعاء هذا التابع (على كائن الحدث هذا). تعمل هذه الخاصية مع الأحداث المخصصة المُطلَقة بواسطة التابع trigger()‎ أيضًا. لاحظ أن هذه الخاصية لن تمنع المعالجات الأخرى من العمل على نفس العنصر. ملاحظات ...

الخاصية ‎event.pageY‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.pageY القيمة المعادة تُعيد كائنًا من النوع Number. الوصف تُعيد هذه الخاصية موضع الفأرة بالنسبة إلى الحافة العلوية للمستند. event.pageY أُضيف مع الإصدار: 1.0.4. أمثلة إظهار موضع الفأرة بالنسبة للحافة اليسرى والحافة العلوية للمستند (داخل iframe): <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>event.pageY مثال على المحدد</title> <style> body { background-color: #eef; } div { padding: 20px; } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <div id="log"></div> <script> $( document ).on( "mousemove", function( event ...

الخاصية margin-left

الخاصية margin-left في CSS تضبط الهامش في الطرف الأيسر من العنصر، والقيم الموجبة ستؤدي إلى إبعاد العنصر عمّا جاوره، والقيم السالبة ستقربه منها. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* <length> أطوال */ margin-left: 10px; /* طول مطلق */ margin-left: 1em; /* طول نسبي ...

الخاصية border-color

الخاصية border-color المختصرة في CSS تُحدِّد لون إطار العنصر على جميع وجوهه: العلوي (border-top-color) والأيمن (border-right-color) والسفلي (border-bottom-color) والأيسر (border-left-color). بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: border-top-color: currentcolor border-right-color: currentcolor border-bottom-color: currentcolor border-left-color: currentcolor تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة لكل قيمة مختصرة: border-bottom-color: اللون المحسوب. border-left-color: اللون المحسوب. border-right-color: اللون المحسوب. border-top-color: اللون المحسوب. /* تطبيق اللون على جميع الأوجه */ border-color: red; border-color: #ffbb00; border-color: rgb(255, 0, 0); border-color: hsla(100%, 50%, 25%, 0.75); border-color: currentcolor; border-color: ...

الخاصية ‎‎jQuery.ready‎‎ في jQuery

jQuery.ready القيم المعادة قيمة هذا الخاصية هي من النوع Thenable. الوصف هذه الخاصية هي كائنٌ شبيه بالكائن Pormise (يدعى Thenable) التي تستبين عن اللحظة الزمنيَّة التي يصبح فيها المستند جاهزًا. jQuery.ready أُضيف مع الإصدار: 1.8. بدءًا من الإصدار jQuery 3.0، أصبح بالإمكان استعمال الكائن الذي يعيده هذا التابع مع التابع jQuery.when()‎ والتابع jQuery.resolve()‎ الأساسي. لا يجب أن تبني الشيفرة أيَّة افتراضات تتعلق فيما إذا كان هذا الكائن هو jQuery.Deferred، أو Promise، أو أي نوع آخر من أنواع الكائن Promise. انظر ...

الخاصية text-justify

الخاصية text-justify في CSS تُعرِّف طريقة توزيع النص إذا كانت الخاصية text-align مضبوطةً إلى القيمة justify. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على العناصر السطرية، وخلايا الجداول. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدت. /* كلمات محجوزة */ text-justify: none; text-justify: auto; text-justify: inter-word; text-justify: inter-character; /* قيم عامة */ text-justify: inherit; text-justify: initial; text-justify: unset; أمثلة مثال عن استخدام مختلف قيم الخاصية text-justify: <p class="none"><code>text-justify: none</code> —<br>تهدف موسوعة حسوب لتوفير توثيق عربي كامل وعالي الجودة، مدعّم بالأمثلة لمختلف لغات البرمجة وتقنيات تطوير الويب والجوال. ...

الخاصيات المخصصة في CSS

أسماء الخاصيات التي تُسبَق بشرطتين --، مثل ‎--example-name، تُمثِّل الخاصيات المخصصة (custom properties) التي تُسنَد لها قيمةٌ يمكن إعادة استخدامها في المستند عبر الدالة var()‎. بطاقة الخاصية القيمة الابتدائية لا يوجد تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. --somekeyword: left; --somecolor: #0000ff; --somecomplexvalue: 3px 6px rgb(20, 32, 54); أمثلة المثال الآتي يُعرِّف متغيرين ثم يستخدم قيمتهما في بقية المستند، لاحظ كيف ستُطبَّق قواعد الوراثة على الخاصيات المخصصة: <p id="firstParagraph">يجب أن تحتوي هذه الفقرة على خلفية ...

الخاصية ‎event.target‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.target القيمة المعادة تعيد كائنًا من النوع Element. الوصف تعيد هذه الخاصية عنصر DOM الذي بدأ الحدث. event.target أُضيفت مع الإصدار: 1.0. يمكن أن تكون الخاصية target هي العنصر لمُسجل للحدث أو لعناصره السليلة. غالبًا ما يكون من المفيد مقارنة event.target مع this لتحديد ما إذا كان الحدث يُعالج بسبب انتقال الحدث إلى العناصر الأب (event bubbling). هذه الخاصية مفيدة جدًا في تفويض الحدث، عند انتقال الحدث إلى العناصر الأب. أمثلة عرض اسم العنصر عند النقر عليه: <!doctype html> <html lang="en"> <head> ...

الخاصية ‎event.metaKey‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.metaKey القيمة المعادة يُعيد كائنًا من النوع Boolean. الوصف تشير هذه الخاصية إذا ما كان مفتاح META مضغوطًا عند إطلاق الحدث. event.metaKey أُضيفت مع الإصدار: 1.0.4 تعيد هذه الخاصية قيمة منطقية ( true أو false ) تشير إلى ما إذا كان مفتاح META مضغوط عليه في وقت إطلاق الحدث. قد يشير هذا المفتاح إلى اسم مفتاح بديل في بعض الأنظمة. في لوحات مفاتيح ماك ، يشير مفتاح META إلى مفتاح Command (⌘). في لوحات مفاتيح ويندوز، يشير مفتاح META إلى ...

الخاصية outline-width

الخاصية outline-width في CSS تضبط عرض (أو ثخن) حدود outline العنصر، التي هي الخطوط التي تُرسَم خارج إطار العنصر border. من المستحسن استخدام الخاصية المختصرة outline عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد. بطاقة الخاصية القيمة الابتدائية medium تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للحركة نعم القيمة المحسوبة طول مطلق، إلا إذا حُدِّدَت الكلمة المحجوزة none فستكون القيمة المحسوبة 0. /* الكلمات المحجوزة */ outline-width: thin; outline-width: medium; outline-width: thick; /* <length> القيم الطولية */ outline-width: 1px; outline-width: 0.1em; /* ...

الخاصية padding-bottom

الخاصية padding-bottom في CSS تضبط الحاشية (padding) في الطرف السفلي للعنصر؛ وعلى نقيض الهوامش margin، لا يجوز استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* <length> ...

الخاصية grid-column

الخاصية grid-column في CSS هي خاصية مختصرة تضبط قيمة الخاصيتين grid-column-start و grid-column-end التي تُحدِّد أبعاد عنصر grid ومكانه في العمود. بطاقة الخاصية القيمة الابتدائية لكل خاصية مختصرة: grid-column-start: auto grid-column-end: auto تُطبَّق على عناصر grid الموجودة داخل حاويات grid. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة لكل خاصية مختصرة: grid-column-start: كما حُدِّدَت. grid-column-end: كما حُدِّدَت. /* كلمات محجوزة */ grid-column: auto; grid-column: auto / auto; /* <custom-ident> */ grid-column: somegridarea; grid-column: somegridarea / someothergridarea; /* <integer> + <custom-ident> */ grid-column: somegridarea 4; grid-column: 4 somegridarea / 6; /* span + <integer> ...

الخاصية border-radius

الخاصية border-radius في CSS تسمح لمطوري الويب بتعريف طريقة تدوير أركان الإطار، ويمكن تحديد قيمة واحدة لجعل الأركان دائريةً، أو قيمتين لجعلها على شكل قطع ناقص. بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: border-top-left-radius: 0 border-top-right-radius: 0 border-top-left-radius: 0 border-top-right-radius: 0 تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم النسب المئوية نسبة من البُعد الموافق للقيمة من إطار العنصر. القيمة المحسوبة لكل قيمة مختصرة: border-top-left-radius: قيمتَي <length> أو نسبتين مئويتين <percentage>. border-top-right-radius: قيمتَي <length> أو نسبتين مئويتين <percentage>. ...

الخاصية column-span

الخاصية column-span في CSS تسمح بأن يمتد أحد العناصر على جميع الأعمدة وذلك عند ضبط القيمة all لها. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على العناصر الكتلية. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */ column-span: none; column-span: all; /* القيم العامة */ column-span: inherit; column-span: initial; column-span: unset; أمثلة مثال عن استخدام القيمة all في الخاصية column-span على عناصر <h1>: <div class="content-box"> حسوب مجموعة من شركات الانترنت تخدم المستخدمين العرب حول العالم. تدير حسوب أكبر منصتي عمل حر عربية وأكبر ...

الخاصية column-width

الخاصية column-width في CSS تُحدِّد ما هو العرض الأدنى للأعمدة التي سينقسم العنصر إليها، وهذه القيمة سيستعملها المتصفح لمعرفة عدد الأعمدة الكلي. العدد المُحدَّد للأعمدة سيعتمد على المساحة المتوافرة، أو على العدد المُحدَّد في الخاصية column-count. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على جميع الحاويات الكتلية (block containers) عدا حاويات الجداول. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة طول مطلق أكبر من الصفر. لن يكون من الأفضل ضبط قيمة الخاصيتين column-width و column-count، فمن المستحسن منح المتصفح بعض المرونة ...

الخاصية ‎event.timeStamp‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.timeStamp القيمة المعادة تعيد كائنًا من النوع Object. الوصف فرق الوقت محسوب بالميللي ثانية بين وقت إنشاء المتصفح للحدث وليلة رأس سنة 1970. event.timeStamp أضيفت في الإصدار: 1.2.6. يمكن أن تكون هذه الخاصية مفيدة لتوصيف أداء الحدث بالحصول على قيمة event.timeStamp عند نقطتين في الشيفرة البرمجية وملاحظة الاختلاف. لتحديد الوقت الحالي داخل معالج الأحداث، يُستخدم التابع ‎(new Date).getTime()‎‎ بدلاً من ذلك. ملاحظة: نظرًا لوجود علّة منذ عام 2004، لا تستخدم هذه القيمة بشكل صحيح في متصفح Firefox ولا يمكن معرفة ...

الخاصية ‎event.type‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.type القيمة المعادة تُعيد سلسلةً نصيةً من النوع String. الوصف تصف هذه الخاصية طبيعة الحدث. event.type أُضيفت مع الإصدار: 1.0. أمثلة التنبيه بنوع الحدث عند كل نقرة على العنصر <a>: $( "a" ).click(function( event ) { alert( event.type ); // "click" }); مصادر صفحة الخاصية event.type في توثيق jQuery الرسمي.

الخاصية ‎event.namespace‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.namespace القيمة المعادة تُعيد كائنًا من النوع String. الوصف تعيد هذه الخاصية مجال الأسماء (namespace) المستخدم عند إطلاق الحدث. event.namespace أُضيف مع الإصدار: 1.4.3. من المرجح أن تُستعمَل هذه الخاصية بشكل أساسي من قبل مبرمجي الإضافات الذين يرغبون في التعامل مع المهام بشكل مختلف اعتمادًا على مجال الأسماء المستخدم. أمثلة معرفة مجال الأسماء المستخدم عند وقوع الحدث: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>event.namespace مثال على الخاصية</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button>display event.namespace</button> <p></p> <script> $( "p" ).on( "test.something", function( event ) ...

الخاصية ‎event.type‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.type القيمة المعادة تُعيد سلسلةً نصيةً من النوع String. الوصف تصف هذه الخاصية طبيعة الحدث. event.type أُضيفت مع الإصدار: 1.0. أمثلة التنبيه بنوع الحدث عند كل نقرة على العنصر <a>: $( "a" ).click(function( event ) { alert( event.type ); // "click" }); مصادر صفحة الخاصية event.type في توثيق jQuery الرسمي.

الخاصية font-weight

الخاصية font-weight في CSS تُحدِّد «وزن» (weight، أو ثخانة) الخط؛ والأوزان المتاحة للاستخدام في خطٍ ما تعتمد على نوع الخط المستخدم font-family، إذ إنَّ بعض الخطوط لا توفِّر إلا نسختين هما normal و bold. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك نعم القيمة المحسوبة الكلمة المحجوزة أو القيمة الرقمية كما حُدِّدَت، ما عدا bolder و lighter إذ تحولان إلى القيم الحقيقة. /* كلمات محجوزة */ font-weight: normal; font-weight: bold; /* كلمات محجوزة نسبةً إلى العنصر الأب ...

الخاصية ‎event.data‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.data القيمة المعادة تُعيد كائنًا من النوع Object. الوصف كائن اختياري يحتوي على بيانات الحدث، يُمرر إلى دالة معالجة الحدث. event.data أُضيف مع الإصدار: 1.1. أمثلة تمرير قيمة i إلى التابع ‎.on()‎ ضمن حلقة for بحيث يُحتفظ بقيمة التكرار الحالي عند وقوع الحدث: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>event.data مثال على الخاصية</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button> 0 </button> <button> 1 </button> <button> 2 </button> <button> 3 </button> <button> 4 </button> <div id="log"></div> <script> var logDiv = $( "#log" ); for ( var i ...

الخاصية border-image

الخاصية border-image في CSS تسمح برسم صورة على إطار العنصر، وهذا يجعل إنشاء عناصر لها مظهر مخصص أمرًا سهلًا. ستُستخدَم الخاصية border-image بدلًا من أشكال الإطارات التي يمكن تعريفها عبر الخاصية border-style. بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: border-image-source: none border-image-slice: 100% border-image-width: 1 border-image-outset: 0 border-image-repeat: stretch تُطبَّق على جميع العناصر ما عدا عناصر الجدول الداخلية التي ضُبِطَت فيها الخاصية border-collapse إلى collapse. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة لكل قيمة مختصرة: border-image-source: القيمة none، أو سيُحوَّل رابط URI للصورة إلى رابط ...

الخاصية border-left

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

الخاصية ‎event.data‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.data القيمة المعادة تُعيد كائنًا من النوع Object. الوصف كائن اختياري يحتوي على بيانات الحدث، يُمرر إلى دالة معالجة الحدث. event.data أُضيف مع الإصدار: 1.1. أمثلة تمرير قيمة i إلى التابع ‎.on()‎ ضمن حلقة for بحيث يُحتفظ بقيمة التكرار الحالي عند وقوع الحدث: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>event.data مثال على الخاصية</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button> 0 </button> <button> 1 </button> <button> 2 </button> <button> 3 </button> <button> 4 </button> <div id="log"></div> <script> var logDiv = $( "#log" ); for ( var i ...

الخاصية box-shadow

الخاصية box-shadow في CSS تصف تأثير الظلال على العنصر، ويمكن إضافة ظل أو أكثر باستخدام هذه الخاصية. تسمح لنا الخاصية box-shadow بإنشاء ظلال من إطار جميع العناصر، وإذا كانت الخاصية border-radius مُحدَّدة على العنصر مع هذه الخاصية، فستأخذ الظلال شكل الحواف المدورة، وترتيب z-index لظلال العناصر (box-shadow) هو نفس ترتيب ظلال النصوص (text-shadow). لن تؤثر صورة الإطار border-image على شكل الظل إن وجدت. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم الوسائط مرئية ...

الخاصية max-width

الخاصية max-width في CSS تضبط العرض الأقصى للعنصر، وهي تمنع القيمة المستخدمة (used value) للخاصية width من أن تتجاوز القيمة المُحدَّدة في الخاصية max-width. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على جميع العناصر، ما عدا العناصر السطرية غير المُستبدَلة (non-replaced inline elements)، وأعمدة الجداول، ومجموعات الأعمدة. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق أو الكلمة المحجوزة none. /* <length> أطوال */ max-width: 3.5em; /* <percentage> نسب مئوية */ max-width: 75%; /* كلمات محجوزة */ max-width: none; /* قيم عامة */ max-width: ...

الخاصية ‎‎‎.jquery‎ في jQuery

الخاصية ‎.jquery القيم المعادة تعيد سلسلة نصية من النوع String. الوصف يُسند إلى هذه الخاصِّية سلسلة نصية تحتوي على رقم إصدار jQuery. jquery أُضيف مع الإصدار: 1.0. الخاصِّيَّة ‎.jquery هي سلسلة نصية تحتوي على رقم إصدار jQuery مثل "1.5.0" أو "1.4.4"، وتُسند إلى نموذج jQuery الأولي، ويشار إليها عادةً عبر الاسم البديل ‎$.fn. أمثلة تحديد إن كان كائنٌ ما هو كائن jQuery: $(function() { // أصبحت الصفحة جاهزة }); استعمال اختصار للشكل ‎$(document).ready()‎ ووسيط لكتابة شيفرة الفشل الآمن (failsafe) في jQuery ...

الخاصية text-indent

الخاصية text-indent في CSS تُحدِّد مقدار المسافة البادئة التي توضع قبل أسطر النص الموجودة في عنصر كتلي؛ وهذه الخاصية تتحكم بالمسافة البادئة لأوّل سطر افتراضيًا، لكن يمكن استخدام الكلمتين المحجوزتين hanging و each-line لتغيير هذا السلوك (انظر «دعم المتصفحات»). بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على العناصر الكتلية. قابلة للوراثة نعم قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدت. /* <length> أطوال */ text-indent: 3mm; text-indent: 40px; /* <percentage> نسبة مئوية*/ text-indent: 15%; /* قيم عامة */ text-indent: inherit; text-indent: initial; text-indent: unset; تبدأ هذه المسافة من الحافة اليسرى لصندوق ...

الخاصية min-height

الخاصية min-height في CSS تضبط الارتفاع الأدنى للعنصر، وهي تمنع القيمة المستخدمة (used value) للخاصية height من أن تقل عن القيمة المُحدَّدة في الخاصية min-height. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا العناصر السطرية غير المُستبدَلة (non-replaced inline elements)، وأعمدة الجداول، ومجموعات الأعمدة. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق أو الكلمة المحجوزة auto. /* <length> أطوال */ min-height: 3.5em; /* <percentage> نسب مئوية */ min-height: 75%; /* كلمات محجوزة */ min-height: none; /* قيم عامة ...

الخاصية word-spacing

الخاصية word-spacing في CSS تُحدِّد كيف سيكون التباعد بين الكلمات والوسوم. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم. قابلة للتحريك نعم القيمة المحسوبة طول مطلق أو الكلمة المحجوزة normal. /* كلمة محجوزة */ word-spacing: normal; /* <length> أطوال */ word-spacing: 3px; word-spacing: 0.3em; /* <percentage> نسب مئوية */ word-spacing: 50%; word-spacing: 200%; /* قيم عامة */ word-spacing: inherit; word-spacing: initial; word-spacing: unset; أمثلة مثال عن استخدام قيم موجبة وسالبة مع الخاصية word-spacing لزيادة (أو إنقاص) التباعد بين الكلمات: <p class="word-spacing-px">محتوى موسوعة حسوب هو محتوى مرجعي، أي ...

الخاصية column-fill

الخاصية column-fill في CSS تُحدِّد كيف يجب تقسيم المحتوى على الأعمدة، فباستخدام هذه الخاصية ستتحكم إذا كان يجب موازنة محتوى الأعمدة أم لا. بطاقة الخاصية القيمة الابتدائية balance تُطبَّق على العناصر متعددة الأعمدة. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. إذا لم تُضبَط قيمة هذه الخاصية إلى balance، فستُملأ الأعمدة بالمحتوى بالتتالي، أي قد لا تُملأ بعض الأعمدة بالمحتوى كليًّا أو جزئيًا، أما إذا ضُبِطَت إلى balance فسيحاول المتصفح أن يجعل ارتفاع الأعمدة متساويًا قدر الإمكان، لكن ...

الخاصية background-clip

الخاصية background-clip في CSS تُحدِّد كيف أين ستتوقف خلفية العنصر على حدود العنصر، سواءً كانت الخلفية لونًا <color> أو صورةً <image>. إذا لم يكن للعنصر الخاصية background-image أو background-color، فسيغطي إطار العنصر الفرق بين قيم هذه الخاصية إلا فيما ندر (نتيجة تأثير الخاصية border-style أو border-image). بطاقة الخاصية القيمة الابتدائية border-box تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* الكلمات المحجوزة */ background-clip: border-box; background-clip: padding-box; background-clip: content-box; background-clip: text; /* القيم العامة */ background-clip: inherit; background-clip: initial; background-clip: unset; أمثلة ...

الخاصية perspective-origin

الخاصية perspective-origin في CSS تُحدِّد الموضع الذي ينظر منه المستخدم إلى العنصر، وتُستخَدم قيمة هذه الخاصية كنقطة التلاشي (vanishing point) من الخاصية perspective. بطاقة الخاصية القيمة الابتدائية 50% 50% تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* قيمة واحدة */ perspective-origin: x-position; /* قيمتان */ perspective-origin: x-position y-position; /* يمكن قلب القيم إذا استعملنا كلمات محجوزة */ perspective-origin: y-position x-position; /* القيم العامة */ perspective-origin: inherit; perspective-origin: initial; perspective-origin: unset; أمثلة مثال يوضح تأثير قيمة الخاصية perspective-origin على شكل العنصر في الفضاء ...

الخاصية ‎event.stopImmediatePropagation()‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.stopImmediatePropagation()‎ القيمة المعادة تُعيد هذه الخاصية القيمة undefined. الوصف تمنع هذه الخاصية تنفيذ بقية معالجات الأحداث ومنع الحدث من الانتقال عبر شجرة DOM إلى العناصر الأب (event bubbling). event.stopImmediatePropagation()‎ أُضيف مع الإصدار: 1.3. لا تقبل هذه الخاصية أي وسائط. بالإضافة إلى منع تنفيذ أي معالجات إضافية على عنصر ما، فإن هذه الخاصية أيضًا تمنع الانتقال عبر شجرة DOM إلى العناصر الأب عن طريق استدعاء event.stopPropagation()‎ ضمنيًا. لمنع الحدث من الانتقال إلى العناصر الأب ببساطة مع السماح الأحداث الأخرى بالتنفيذ على ...

الخاصية margin-bottom

الخاصية margin-bottom في CSS تضبط الهامش في الطرف السفلي من العنصر، والقيم الموجبة ستؤدي إلى إبعاد العنصر عمّا جاوره، والقيم السالبة ستقربه منها. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* <length> أطوال */ margin-bottom: 10px; /* طول مطلق */ margin-bottom: 1em; /* طول نسبي ...

الخاصية outline-style

الخاصية outline-style في CSS تضبط شكل حدود outline العنصر، التي هي الخطوط التي تُرسَم خارج إطار العنصر border. من المستحسن استخدام الخاصية المختصرة outline عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. /* الكلمات المحجوزة */ outline-style: auto; outline-style: none; outline-style: dotted; outline-style: dashed; outline-style: solid; outline-style: double; outline-style: groove; outline-style: ridge; outline-style: inset; outline-style: outset; /* القيم العامة */ outline-style: inherit; outline-style: initial; outline-style: unset; أمثلة سنستعرض مختلف الأشكال التي ...

الخاصية caret-color

الخاصية caret-color في CSS تُحدِّد ما هو لون مؤشر الإدخال النصي (وهي الإشارة التي تظهر للإشارة إلى موضع الحرف النصي الذي سيدخله المستخدم) ضمن عنصر مثل <input> أو أي عنصر آخر له الخاصية contenteditable. الشكل الافتراضي لمؤشر الإدخال هو خطٌ رأسيٌ يومض لتسهيل ملاحظته، ويكون لونه الافتراضي هو الأسود، لكن يمكن تعديله باستخدام هذه الخاصية. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للحركة نعم القيمة المحسوبة قيمة لونية. /* كلمات محجوزة */ caret-color: auto; caret-color: transparent; caret-color: ...

الخاصية ‎event.which‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.which القيمة المعادة تُعيد كائنًا من النوع Number. الوصف لكل حدث يتولد من لوحة المفاتيح أو الفأرة، تشير هذه الخاصية إلى المفتاح أو الزر المحدد المضغوط عليه. event.which الإصدار المضافة: 1.1.3. تضبط الخاصية event.which كلًا من event.keyCode و event.charCode. من المستحسن مراقبة event.which لإدخال مفتاح لوحة المفاتيح. تضبط event.which أيضا ضغط الأزرار (الأحداث mousedown و mouseup )، وإعادة إشعار يالقيمة 1 للزر الأيسر، 2 للزر الأوسط، و 3 للزر الأيمن. يستخدم event.which بدلاً من event.button. أمثلة تسجيل المفتاح المضغوط: <!doctype ...

الخاصية ‎event.stopImmediatePropagation()‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.stopImmediatePropagation()‎ القيمة المعادة تُعيد هذه الخاصية القيمة undefined. الوصف تمنع هذه الخاصية تنفيذ بقية معالجات الأحداث ومنع الحدث من الانتقال عبر شجرة DOM إلى العناصر الأب (event bubbling). event.stopImmediatePropagation()‎ أُضيف مع الإصدار: 1.3. لا تقبل هذه الخاصية أي وسائط. بالإضافة إلى منع تنفيذ أي معالجات إضافية على عنصر ما، فإن هذه الخاصية أيضًا تمنع الانتقال عبر شجرة DOM إلى العناصر الأب عن طريق استدعاء event.stopPropagation()‎ ضمنيًا. لمنع الحدث من الانتقال إلى العناصر الأب ببساطة مع السماح الأحداث الأخرى بالتنفيذ على ...

الخاصية transform-style

الخاصية transform-style في CSS تُحدِّد إن كانت العناصر الأبناء للعنصر الحالي موجودة في الفضاء ثلاثي الأبعاد أو كانت مسطحةً (flattened) في مستوى العنصر الأب؛ وإذا كانت مسطحةً فهذا يعني أنها لن تكون موجودة في فضاءٍ ثلاثي الأبعاد خاصٍ بها. بطاقة الخاصية القيمة الابتدائية flat تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */ transform-style: preserve-3d; transform-style: flat; /* القيم العامة */ transform-style: inherit; transform-style: initial; transform-style: unset; دعم المتصفحات الميزة Chrome Firefox Internet Explorer Opera Safari الدعم ...

الخاصية list-style

الخاصية list-style في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات list-style-type و list-style-image و list-style-position. بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: list-style-type: disc list-style-position: outside list-style-image: none تُطبَّق على عناصر القوائم. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة لكل قيمة مختصرة: list-style-image: القيمة none أو رابط URI مطلق للصورة. list-style-position: كما حُدِّدَت. list-style-type: كما حُدِّدَت. /* type */ list-style: square; /* image */ list-style: url('../img/shape.png'); /* position */ list-style: inside; /* type | position */ list-style: georgian inside; /* type | image | position */ list-style: lower-roman url('../img/shape.png') outside; /* ...

الخاصية text-shadow

الخاصية text-shadow في CSS تضيف تأثير الظلال على النص، وتقبل تحديد أكثر من ظل (يُفصَل بين قيمها بفاصلة)، وسيُطبَّق الظل على النص وعلى خطوط الزخرفة text-decoration التابعة للعنصر. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* offset-x | offset-y | blur-radius | color */ text-shadow: 1px 1px 2px black; /* color | offset-x | offset-y | blur-radius */ text-shadow: #FC0 1px 0 10px; /* offset-x | offset-y | color */ text-shadow: ...

الخاصية ‎event.result‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

event.result القيمة المعادة تُعيد كائنًا من النوع Object. الوصف تعيد هذه الخاصية القيمة الأخيرة المُعادة بواسطة معالج الأحداث الذي أطلقه هذا الحدث، ما لم تكن هذه القيمة غير معرفة undefined. event.result أُضيف مع الإصدار: 1.3. يمكن أن تكون هذه الخاصية مفيدة للحصول على القيم المُعادة السابقة للأحداث المخصصة. أمثلة عرض قيمة معالج الحدث المُعادة السابقة: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>event.result مثال على الخاصية</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button>عرض event.result</button> <p></p> <script> $( "button" ).click(function( event ) { return "مرحبًا"; }); $( ...

الخاصية column-rule

الخاصية column-rule المختصرة في CSS تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة. بطاقة الخاصية القيمة الابتدائية لكل خاصية مختصرة: column-rule-width: medium column-rule-style: none column-rule-color: currentcolor تُطبَّق على العناصر متعددة الأعمدة. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة لكل خاصية مختصرة: column-rule-width: طول مطلق، أو 0 إذا كانت قيمة الخاصية column-rule-style تساوي none أو hidden. column-rule-style: كما حُدِّدَت. column-rule-color: قيمة لونية. هذه الخاصية ستضبط قيمة الخاصيات column-rule-width و column-rule-style و column-rule-color في خاصيةٍ واحدة. /* كلمات محجوزة */ column-rule: dotted; column-rule: solid ...

الخاصية border-top

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

نتائج البحث

قائمة التصفح

بحث