نتائج البحث
اذهب إلى التنقل
اذهب إلى البحث
الخاصية 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;
وكما في جميع الخاصيات ...
الخاصية text-transform
الخاصية text-transform في CSS تُحدِّد ما هي حالة الأحرف التي سيُعرَض فيها العنصر؛ إذ يمكن استخدام هذه الخاصية لجعل الأحرف كلها بالحالة الكبيرة (uppercase)، أو بالحالة الصغيرة (lowercase)، أو جعل أوّل حرف من كل كلمة كبيرًا. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدت. يجدر بالذكر أنَّ هذه الخاصية ليس لها أثر على النصوص العربية. /* الكلمات المحجوزة */
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: none;
/* القيم العامة */
text-transform: inherit;
text-transform: initial;
text-transform: unset;
...
الخاصية background-size
الخاصية background-clip في CSS تُحدِّد أبعاد صورة الخلفية للعنصر؛ ويمكن أن تُترَك الأبعاد الابتدائية للصورة، أو تُغيّر إلى أبعاد جديدة، أو يمكن ملء المساحة المتوافرة بها مع الحفاظ على نسبة الأبعاد. لاحظ أنَّ الفراغات التي لا تغطى من صورة الخلفية ستُملأ بقيمة الخاصية background-color، ويجدر بالذكر أنَّ من الممكن مشاهدة لون الخلفية إذا كانت صورة الخلفية تحتوي على شفافية. بطاقة الخاصية القيمة الابتدائية auto auto تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم النسب المئوية تكون نسبةً لمساحة ...
الخاصية max-height
الخاصية max-height في CSS تضبط الارتفاع الأقصى للعنصر، وهي تمنع القيمة المستخدمة (used value) للخاصية height من أن تتجاوز القيمة المُحدَّدة في الخاصية max-height. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على جميع العناصر، ما عدا العناصر السطرية غير المُستبدَلة (non-replaced inline elements)، وأعمدة الجداول، ومجموعات الأعمدة. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق أو الكلمة المحجوزة none. /* <length> أطوال */
max-height: 3.5em;
/* <percentage> نسب مئوية */
max-height: 75%;
/* كلمات محجوزة */
max-height: none;
/* قيم عامة */
max-height: ...
الخاصية jQuery.fx.interval() في jQuery
jQuery.fx.interval أهملت مع الإصدار: 3.0. القيم المعادة قيمة هذه الخاصِّيَّة هي عدد (Number). الوصف تمثِّل قيمة هذه الخاصِّيَّة الفترة الزمنية (بالميلي ثانية) التي ستنفَّذ الحركات في أثنائها. jQuery.fx.interval أُضيفت مع الإصدار: 1.4.3. أهملت هذه الخاصَّيِّة بدءًا من الإصدار jQuery 3.0، وليس لها أي تأثير في المتصفحات التي تدعم التابع requestAnimationFrame. أمّا في المتصفحات التي لا تدعم requestAnimationFrame، يمكن تعديل هذه الخاصِّيَّة لضبط الفترة التي ستعمل في أثنائها الحركات. القيمة الافتراضيَّة للمدة الزمنية هي 13 ميلي ثانية. لمَّا كانت jQuery تستعمل ...
الخاصية grid-template
الخاصية grid-template في CSS هي خاصية مختصرة تستعمل لضبط قيم للخاصيات grid-template-rows و grid-template-columns و grid-template-areas. بطاقة الخاصية القيمة الابتدائية لكل خاصية مختصرة: grid-template-columns: none grid-template-rows: none grid-template-areas: none تُطبَّق على حاويات grid. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة لكل خاصية مختصرة: grid-template-columns: كما حُدِّدَت، لكن مع تحويل الأطوال النسبية إلى مطلقة grid-template-rows: كما حُدِّدَت، لكن مع تحويل الأطوال النسبية إلى مطلقة grid-template-areas: كما حُدِّدَت. /* كلمة محجوزة */
grid-template: none;
/* grid-template-rows / grid-template-columns */
grid-template: 100px 1fr / 50px 1fr;
grid-template: auto 1fr / auto 1fr ...
الخاصية table-layout
الخاصية table-layout في CSS تُحدِّد الخوارزمية التي تُستخدم لضبط تخطيط خلايا وأسطر وأعمدة الجداول <table>. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على عناصر table و inline-table. قابلة للوراثة نعم قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */
table-layout: auto;
table-layout: fixed;
/* القيم المحجوزة */
table-layout: inherit;
table-layout: initial;
table-layout: unset;
أمثلة القيمة fixed التخطيط الأفقي للجدول لن يعتمد على محتوى الخلايا، وإنما على عرض الجدول، وعرض الأعمدة، والإطار border والتباعد بين الخلايا border-spacing. يمكن تحديد عرض الجدول باستخدام الخاصية width، وإذا ...
الخاصية jQuery.ready في jQuery
jQuery.ready القيم المعادة قيمة هذا الخاصية هي من النوع Thenable. الوصف هذه الخاصية هي كائنٌ شبيه بالكائن Pormise (يدعى Thenable) التي تستبين عن اللحظة الزمنيَّة التي يصبح فيها المستند جاهزًا. jQuery.ready أُضيف مع الإصدار: 1.8. بدءًا من الإصدار jQuery 3.0، أصبح بالإمكان استعمال الكائن الذي يعيده هذا التابع مع التابع jQuery.when() والتابع jQuery.resolve() الأساسي. لا يجب أن تبني الشيفرة أيَّة افتراضات تتعلق فيما إذا كان هذا الكائن هو jQuery.Deferred، أو Promise، أو أي نوع آخر من أنواع الكائن Promise. انظر ...
الخاصية background-color
تضبط الخاصية background-color في CSS لون الخلفية لأحد العناصر، ويكون لون الخلفية قيمةً لونيةً <color>. بطاقة الخاصية القيمة الابتدائية transparent تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة القيمة المحسوبة للون. /* كلمات محجوزة */
background-color: red;
/* قيمة ست عشرية */
background-color: #bbff00;
/* قيم ست عشرية مع شفافية */
background-color: #11ffee00;
background-color: #11ffeeff;
/* استخدام دالة */
background-color: rgb(255, 255, 128);
/* استخدام دالة تدعم الشفافية */
background-color: rgba(117, 190, 218, 0.0);
background-color: rgba(117, 190, 218, 0.5);
background-color: rgba(117, 190, 218, 1.0);
/* hsla() */
background-color: hsla(50, ...
الخاصية line-break
الخاصية line-break في CSS تُحدِّد سلوك المتصفح في الانتقال إلى سطرٍ جديد عند التعامل مع علامات الترقيم والرموز. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدت. لاحظ أنَّ هذه الخاصية ما تزال غير مدعومة دعمًا جيدًا في المتصفحات، راجع قسم «دعم المتصفحات» لمزيدٍ من المعلومات. /* كلمات محجوزة */
line-break: auto;
line-break: loose;
line-break: normal;
line-break: strict;
/* قيم عامة */
line-break: inherit;
line-break: initial;
line-break: unset;
دعم المتصفحات الميزة Chrome Firefox Internet Explorer Opera Safari الدعم ...
الخاصية border-collapse
الخاصية border-collapse في CSS تُحدِّد إذا كان إطار الجدول منفصلًا عن إطار الخلايا (أي لكلٍ واحدٍ منها إطارٌ خاصٌ به) أو كان مدمجًا مع إطار الخلايا (أي تتشارك الخلايا المتجاورة الإطار مع بعضها بعضًا). بطاقة الخاصية القيمة الابتدائية separate تُطبَّق على عناصر table و inline-table. قابلة للوراثة نعم قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. /* الكلمات المحجوزة */
border-collapse: collapse;
border-collapse: separate;
/* القيم المحجوزة */
border-collapse: inherit;
border-collapse: initial;
border-collapse: unset;
إذا كانت قيمة هذه الخاصية هي separate، فيمكن تعريف المسافة بين الخلايا باستخدام الخاصية ...
الخاصية margin-top
الخاصية margin-top في CSS تضبط الهامش في الطرف العلوي من العنصر، والقيم الموجبة ستؤدي إلى إبعاد العنصر عمّا جاوره، والقيم السالبة ستقربه منها. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* <length> أطوال */
margin-top: 10px; /* طول مطلق */
margin-top: 1em; /* طول نسبي ...
الخاصية .length في jQuery
.length القيم المعادة تعيد عددًا صحيحًا من النوع integer. الوصف تعيد هذه الخاصِّيَّة عدد العناصر الموجودة في كائن jQuery. .length أُضيف مع الإصدار: 1.0. تعيد هذه الخاصِّيَّة عدد العناصر المتطابقة حاليًا. تشبه التابع .size() إذ يعيد القيمة نفسها أيضًا. أمثلة عدُّ العناصر <div>، وإضافة عناصر جديدة بالضغط عليها: <!doctype html>
<html lang="ar">
<head>
<meta charset="utf-8">
<title>length مثالٌ عن استعمال التابع</title>
<style>
body {
cursor: pointer;
}
div {
width: 50px;
...
الخاصية margin-right
الخاصية margin في CSS تضبط الهامش في الطرف الأيمن من العنصر، والقيم الموجبة ستؤدي إلى إبعاد العنصر عمّا جاوره، والقيم السالبة ستقربه منها. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* <length> أطوال */
margin-right: 10px; /* طول مطلق */
margin-right: 1em; /* طول نسبي ...
الخاصية grid-row
الخاصية grid-row في CSS هي خاصية مختصرة تضبط قيمة الخاصيتين grid-row-start و grid-row-end التي تُحدِّد أبعاد عنصر grid ومكانه في السطر. بطاقة الخاصية القيمة الابتدائية لكل خاصية مختصرة: grid-row-start: auto grid-row-end: auto تُطبَّق على عناصر grid الموجودة داخل حاويات grid. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة لكل خاصية مختصرة: grid-row-start: كما حُدِّدَت. grid-row-end: كما حُدِّدَت. /* كلمات محجوزة */
grid-row: auto;
grid-row: auto / auto;
/* <custom-ident> */
grid-row: somegridarea;
grid-row: somegridarea / someothergridarea;
/* <integer> + <custom-ident> */
grid-row: somegridarea 4;
grid-row: 4 somegridarea / 6;
/* span + <integer> ...
الخاصية event.delegateTarget في jQuery
event.delegateTarget القيمة المعادة تُعيد كائنًا من النوع Element. الوصف العنصر المُرفق به معالج أحداث jQuery المُستدعى حاليًا. event.delegateTarget أُضيف مع الإصدار: 1.7. تفيد هذه الخاصية عادةً في الأحداث المُفوَضة (delegated events) التي رُبِطَت بالحدث باستخدام التابع .delegate() أو التابع .on()، عندما يرتبط معالج الحدث بالعنصر الأب للعنصر المُعالَج. على سبيل المثال، فيمكن استخدامه لتحديد وإزالة معالجات الأحداث في نقطة التفويض. بالنسبة إلى معالجات الأحداث غير المُفوَّضة المرفقة مباشرةً بعنصرٍ ما، وتكون الخاصية event.delegateTarget مساويةً دومًا للخاصية event.currentTarget. أمثلة عند النقر ...
الخاصية animation-name
الخاصية animation-name في CSS تستعمل لتحديد أسماء الحركات التي ستُطبَّق على العنصر، وكل اسم يجب أن يُشير إلى قاعدة @keyframes التي تُعرِّف قيم الخاصيات اللازمة للحركة. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. من الشائع استخدام الخاصية المختصرة animation لضبط جميع خاصيات الحركات بآنٍ واحد. /* حركة واحدة */
animation-name: none;
animation-name: test_05;
animation-name: -specific;
animation-name: sliding-vertically;
/* عدِّة حركات */
animation-name: test1, animation4;
animation-name: none, -moz-specific, sliding;
/* القيم العامة */
animation-name: initial
animation-name: inherit
animation-name: unset
دعم ...
الخاصية background-origin
الخاصية background-origin في CSS تُحدِّد مبدأ صورة الخلفية المُحدَّدة عبر الخاصية background-image. لاحظ أنَّ الخاصية background-origin لن يكون لها تأثير عند ضبط قيمة الخاصية background-attachment إلى fixed. لاحظ أنَّ الخاصية المختصرة background ستؤدي إلى إعادة ضبط قيمة هذه الخاصية إلى قيمتها الابتدائية إذا لم تُحدَّد فيها. بطاقة الخاصية القيمة الابتدائية padding-box تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* الكلمات المحجوزة */
background-origin: border-box;
background-origin: padding-box;
background-origin: content-box;
/* القيم العامة */
background-origin: inherit;
background-origin: initial;
background-origin: unset;
أمثلة مثال ...
المتغيرات الخاصة في بايثون
لا تدعم بايثون متغيرات الأصناف الخاصة (Private) والتي لا يمكن الوصول إليها من خارج الكائن، ولكن يتفق معظم المبرمجين على أنّ الاسم المسبوق بشرطة سفلية (مثل: _spam) يجب أن يُعامل كجزء غير عام من الواجهة البرمجية (سواء كان ذلك الجزء دالة أم تابعًا أم خاصية). هناك حالة واحدة تستدعي استخدام عناصر الأصناف الخاصة وهي تجنب حدوث تضارب بين الأسماء الموجودة في الصنف والأسماء المعرّفة في الأصناف الفرعية، ونظرًا لذلك تقدم اللغة دعمًا محدودًا لمثل هذه الحالة، وتدعى بتشويه الأسماء name ...
الخاصية text-emphasis
الخاصية text-decoration في CSS تُحدِّد علامة التوكيد (emphasis mark) المستخدمة على كل محرف نصي في العنصر باستثناء الفراغات ومحارف التحكم (control chars، مثل محرف السطر الجديد، ومحرف العودة إلى بداية السطر)؛ وهي خاصيةٌ مختصرة لضبط قيمة أكثر من خاصية عن ضبط علامات التوكيد معًا، وهي تتضمن text-emphasis-style و text-emphasis-color. بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: text-emphasis-style: none text-emphasis-color: currentcolor تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا، باستثناء قيمة الخاصية text-emphasis-color. الوسائط مرئية القيمة المحسوبة لكل قيمة مختصرة: text-emphasis-style: كما حُدِّدَت. ...
الخاصية grid-area
الخاصية grid-area في CSS هي خاصية مختصرة تضبط قيمة الخاصيات grid-row-start و grid-column-start و grid-row-end و grid-column-end، مُحدَّدةً أبعاد عنصر grid وموضعه. بطاقة الخاصية القيمة الابتدائية لكل خاصية مختصرة: grid-row-start: auto grid-column-start: auto grid-row-end: auto grid-column-end: auto تُطبَّق على عناصر grid الموجودة داخل حاويات grid. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة لكل خاصية مختصرة: grid-row-start: كما حُدِّدَت. grid-column-start: كما حُدِّدَت. grid-row-end: كما حُدِّدَت. grid-column-end: كما حُدِّدَت. /* الكلمات المحجوزة */
grid-area: auto;
grid-area: auto / auto;
grid-area: auto / auto / auto;
grid-area: auto / auto / auto / auto;
/* ...
خاصيات الكائنات في PHP
تطلق تسمية "الخاصيات properties" على المتغيّرات المعرّفة ضمن الأصناف، وهناك تسميات أخرى مثل "المعاملات" أو "الحقول"، ولكن سنستخدم التسمية الأولى "الخاصيات" في هذا الدليل. تعرّف الخاصيات باستخدام إحدى الكلمات المفتاحية public، أو protected، أو private تتبعها عبارة تصريح عن متغير اعتيادي. يمكن أن يتضمّن هذا التصريح عملية تهيئة initialization، ولكن يجب أن تكون هذه التهيئة ذات قيمة ثابتة، بمعنى أنّه يجب أن تكون قابلة للمعالجة في وقت التصريف ويجب أن لا تعتمد على المعلومات المتاحة في وقت التشغيل لغرض المعالجة. ...
الخاصية overflow-y
الخاصية overflow-y في CSS تُحدِّد إن كان سيتم اقتصاص (clip) المحتوى، أو سيُعرَض شريط تمرير (scroll bar)، أو سيُعرَض ما يزيد من محتوى العنصر الكتلي فوقه أو تحته. بطاقة الخاصية القيمة الابتدائية visible تُطبَّق على عناصر block-level و inline-block غير المُستبدَلة (non-replaced). قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* لن يتم اقتصاص المحتوى */
overflow-y: visible;
/* سيتم اقتصاص المحتوى دون عرض شريط تمرير */
overflow-y: hidden;
/* سيتم اقتصاص المحتوى مع عرض شريط تمرير */
overflow-y: scroll;
/* ترك الأمر بيد ...
الخاصية outline-offset
الخاصية outline-offset في CSS تضبط المسافة التي تبعد فيها حدود outline العنصر عن حافته أو إطاره border، والحدود هي الخطوط التي تُرسَم خارج إطار العنصر border. المسافة التي ستوضع بين إطار العنصر وحدوده هي مسافة ذات خلفية شفافة، أي ستُعرَض خلفية العنصر الأب فيها. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للحركة نعم القيمة المحسوبة كما حُدِّدَت، لكن مع تحويل الأطوال النسبية إلى مطلقة. /* <length> القيم الطولية */
outline-offset: 3px;
outline-offset: 0.2em;
/* القيم العامة */
outline-offset: ...
الخاصية padding-left
الخاصية padding-left في CSS تضبط الحاشية (padding) في الطرف الأيسر للعنصر؛ وعلى نقيض الهوامش margin، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* ...
الخاصية event.isPropagationStopped() في jQuery
event.isPropagationStopped() القيمة المعادة تُعيد كائنًا من النوع Boolean. الوصف نتحقق هذه الخاصية من استدعاء الحدث event.stopPropagation() على كائن الحدث هذا. event.isPropagationStopped() أُضيف مع الإصدار: 1.3. لا تقبل هذه الخاصية أي وسائط. هذه الخاصية موصوفة في مواصفات W3C DOM Level 3 . أمثلة التحقق من استدعاء event.stopPropagation(). <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.isPropagationStopped مثال على الخاصية</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>أنقر هنا</button>
<div id="stop-log"></div>
<script>
function propStopped( event ) {
var msg = "";
if ( event.isPropagationStopped() ) {
...
الخاصية align-items
الخاصية align-items في CSS تُعرِّف طريقة توزيع المتصفح للمسافة بين العناصر وحولها على امتداد المحور الثانوي من حاوية flex. فهي تعمل كالخاصية justify-content لكن في الاتجاه المعامد. بطاقة الخاصية القيمة الابتدائية stretch تُطبَّق على حاويات flex. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* الكلمات المحجوزة الأساسية */
align-items: normal;
align-items: stretch;
/* المحاذاة المكانية */
align-items: center;
align-items: start;
align-items: end;
align-items: flex-start;
align-items: flex-end;
align-items: self-start;
align-items: self-end;
align-items: left;
align-items: right;
/* محاذاة خط الأساس */
align-items: baseline;
align-items: first baseline;
align-items: ...
الخاصية outline-color
الخاصية outline-color في CSS تضبط لون حدود outline العنصر، التي هي الخطوط التي تُرسَم خارج إطار العنصر border. من المستحسن استخدام الخاصية المختصرة outline عند ضبط مظهر حدود العنصر، لأنها تضبط عدِّة خاصيات في آنٍ واحد. بطاقة الخاصية القيمة الابتدائية currentColor تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للحركة نعم القيمة المحسوبة قيمة لونية <color>. /* <color> القيم اللونية */
outline-color: #f92525;
outline-color: rgb(30,222,121);
outline-color: blue;
/* القيم العامة */
outline-color: inherit;
outline-color: initial;
outline-color: unset;
أمثلة سنجعل لون حدود الفقرة <p> الآتية أزرق: <p>لون حدود ...
الخاصية 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 ...
الخاصية background-repeat
الخاصية background-position في CSS تُعرِّف كيف ستتكرر صورة الخلفية؛ إذ يمكن أن تتكرر صورة الخلفية على المحور الأفقي، أو على المحور الرأسي، أو على كلا المحوري، ويمكن ألّا تتكرر أبدًا. افتراضيًا، ستُقصّ الصورة إلى أبعاد العنصر، لكن يمكن أن تغيير أبعادها لتتسع داخله (باستخدام القيمة round) أو توزيعها بانتظام بين أطراف العنصر (باستخدام القيمة space). بطاقة الخاصية القيمة الابتدائية repeat تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة قائمة فيها أكثر من عنصر، وكل عنصر يتألف ...
الخاصية align-self
الخاصية align-self في CSS تضبط محاذاة عناصر flex في السطر الحالي متجاوزةً قيمة الخاصية align-items، وإذا كانت حاشية margin أحد العناصر في المحور المعامد مضبوطةً إلى auto فسيتم تجاهل الخاصية align-self. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على عناصر flex. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. لا يمكن تطبيق هذه الخاصية على العناصر الكتلية (block-level boxes) أو خلايا الجداول. /* الكلمات المحجوزة */
align-self: auto;
align-self: normal;
/* المحاذاة المكانية */
align-self: center;
align-self: start;
align-self: end;
align-self: self-start;
align-self: self-end;
align-self: ...
الخاصية flex-shrink
الخاصية 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 و ...
تعديل الخاصيات في jQuery
جميع التوابع في هذا القسم تعدل وتتلاعب بشجرة DOM عبر تعديل خاصية محددة لعنصر (أو مجموعة من العناصر). توصف أغلبية هذه التوابع على أنها «توابع ضابطة» (setters)، إذ تضبط وتغير قيمة خاصية محددة. هنالك قلة من هذه التوابع توصف على أنها «توابع جالبة» (getters) مثل .attr() و .html() و .val() لأنها تجلب معلومات من عناصر DOM لاستخدامها لاحقًا. (إن كنت تود إجراء تعديل على العنصر نفسه، فارجع إلى قسم «تعديل العناصر»). .addClass() يُضيف هذا التّابع الصّنف أو الأصناف المُحدَّدة لكل ...
الخاصية z-index
الخاصية 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
الخاصية 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
الخاصية 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
الخاصية 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
الخاصية 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 في jQuery
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 في 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
الخاصية text-align في CSS تصف كيف تكون محاذاة العناصر السطرية مثل النصوص في الحاويات الكتلية؛ لاحظ أنَّ الخاصية text-align لا تتحكم بمحاذاة العناصر الكتلية، وإنما تتحكم بمحاذاة بالمحتوى السطري الموجود داخلها. بطاقة الخاصية القيمة الابتدائية start، أو قيمة غير محددة ستمثِّل القيمة left إذا كان اتجاه العنصر ltr، و right إذا كان اتجاه النص rtl وذلك في حال كانت القيمة start غير مدعومة في المتصفح. تُطبَّق على الحاويات الكتلية. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدت، باستثناء ...
الخاصية transition-delay
الخاصية transition-delay في CSS تُحدِّد الزمن الذي يجب انتظاره بين وقوع الحدث الذي سيؤدي إلى بدء تأثير الانتقال وبين بداية التأثير. بطاقة الخاصية القيمة الابتدائية 0s تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. القيمة 0s أو 0ms تُشير إلى أنَّ الحركة الانتقالية للخاصية ستبدأ مباشرةً عند وقوع الحدث، والقيم الموجبة ستؤدي إلى تأثير بداية تأثير الانتقال وفقًا للقيمة المُحدَّدة، والقيم السالبة ستؤدي إلى بدء تأثير الانتقال مباشرةً لكن مع جعله يبدو وكأنه قد ...
الخاصية event.isPropagationStopped() في jQuery
event.isPropagationStopped() القيمة المعادة تُعيد كائنًا من النوع Boolean. الوصف نتحقق هذه الخاصية من استدعاء الحدث event.stopPropagation() على كائن الحدث هذا. event.isPropagationStopped() أُضيف مع الإصدار: 1.3. لا تقبل هذه الخاصية أي وسائط. هذه الخاصية موصوفة في مواصفات W3C DOM Level 3 . أمثلة التحقق من استدعاء event.stopPropagation(). <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.isPropagationStopped مثال على الخاصية</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>أنقر هنا</button>
<div id="stop-log"></div>
<script>
function propStopped( event ) {
var msg = "";
if ( event.isPropagationStopped() ) {
...
الخاصية font-family
الخاصية font-family في CSS تُحدِّد قائمةً تحتوي على نوع خط واحد أو أكثر من أنواع الخطوط الخاصة أو العامة، وذلك لتُطبَّق على العنصر. بطاقة الخاصية القيمة الابتدائية تختلف حسب المتصفح. تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* نوع خطوط خاص ثم نوع خطوط عام */
font-family: Gill Sans Extrabold, sans-serif;
font-family: "Goudy Bookletter 1911", sans-serif;
/* أنواع الخطوط العامة فقط */
font-family: serif;
font-family: sans-serif;
font-family: monospace;
font-family: cursive;
font-family: fantasy;
font-family: system-ui;
/* القيم العامة */
font-family: inherit;
font-family: initial;
font-family: unset;
يُفصَل بين قيم ...
الخاصية justify-content
الخاصية justify-content في CSS تُعرِّف طريقة توزيع المتصفح للمسافة بين العناصر وحولها على امتداد المحور الرئيسي من حاوية flex. بطاقة الخاصية القيمة الابتدائية flex-start تُطبَّق على حاويات flex. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* المحاذاة المكانية */
justify-content: center;
justify-content: start;
justify-content: end;
justify-content: flex-start;
justify-content: flex-end;
justify-content: left;
justify-content: right;
/* محاذاة خط الأساس */
justify-content: baseline;
justify-content: first baseline;
justify-content: last baseline;
/* توزيع المسافات */
justify-content: space-between;
justify-content: space-around;
justify-content: space-evenly;
justify-content: stretch;
/* التحكم بالفائض من المحتوى */
justify-content: safe center;
justify-content: unsafe center;
/* القيم العامة */
justify-content: inherit;
justify-content: initial;
justify-content: ...
الخاصية font-style
الخاصية font-style في CSS تُحدِّد إن كان يجب أن يكون شكل الخط عاديًا (normal) أو مائلًا (italic) أو منحرفًا (oblique). وسيختار المتصفح النسخة الأنسب من نوع الخط font-family. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */
font-style: normal;
font-style: italic;
font-style: oblique;
/* القيم العامة */
font-style: inherit;
font-style: initial;
font-style: unset;
يكون للخط المائل بعض سمات الكتابة اليدوية، ويستهلك عادةً مسافة أفقية أقل من الخط العادي، بينما الخط المنحرف (oblique) يُمثِّل نسخةً ...
الخاصية event.metaKey في jQuery
event.metaKey القيمة المعادة يُعيد كائنًا من النوع Boolean. الوصف تشير هذه الخاصية إذا ما كان مفتاح META مضغوطًا عند إطلاق الحدث. event.metaKey أُضيفت مع الإصدار: 1.0.4 تعيد هذه الخاصية قيمة منطقية ( true أو false ) تشير إلى ما إذا كان مفتاح META مضغوط عليه في وقت إطلاق الحدث. قد يشير هذا المفتاح إلى اسم مفتاح بديل في بعض الأنظمة. في لوحات مفاتيح ماك ، يشير مفتاح META إلى مفتاح Command (⌘). في لوحات مفاتيح ويندوز، يشير مفتاح META إلى ...
الخاصية flex-grow
الخاصية flex-grow في CSS تُحدِّد معامل التمدد لأحد عناصر flex، وهي تُحدِّد مقدار المساحة التي يجب أن يأخذها العنصر داخل حاوية flex. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على عناصر flex. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* <number> قيم عددية */
flex-grow: 3;
flex-grow: 0.6;
/* قيم عامة */
flex-grow: inherit;
flex-grow: initial;
flex-grow: unset;
أمثلة في المثال الآتي، حددنا تمدد العناصر A و B و C و F باستخدام القاعدة flex-grow: 1، بينما كان تمدد العناصر D و E مساويًا ...
الخاصية event.currentTarget في jQuery
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.preventDefault() في jQuery
event.preventDefault() القيمة المعادة تُعيد هذه الخاصية القيمة undefined. الوصف استدعاء هذه الخاصية يُعطل إطلاق الإجراء الافتراضي للحدث. event.preventDefault() أُضيف مع الإصدار: 1.0. لا تقبل هذه الخاصية أي وسائط. على سبيل المثال، لن ينقل النقر على الروابط إلى عنوان URL جديد. ويمكن استخدام الخاصية event.isDefaultPrevented() للتحقق من استدعاء هذه الخاصية بواسطة معالج أحداث المستدعى بواسطة هذا الحدث. أمثلة إلغاء الإجراء الافتراضي (التنقل) للنقر على العنصر : <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.preventDefault مثال على الخاصية</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<a ...
الخاصية overflow-wrap
الخاصية overflow-wrap في CSS تُحدِّد إذا كان على المتصفح الانتقال إلى سطر جديد ضمن الكلمات نفسها لمنع النص من تجاوز حدود صندوق المحتوى للعنصر الحاوي عليه. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدت. وعلى النقيض من الخاصية word-break، ستنتقل الخاصية overflow-wrap إلى سطرٍ جديد إذا لم يتمكن المتصفح من وضع الكلمة في سطرٍ بمفردها دون تجاوز حدود صندوق المحتوى. /* كلمات محجوزة */
overflow-wrap: normal;
overflow-wrap: break-word;
/* قيم عامة */
overflow-wrap: ...
عرض (500 السابقة | 500 التالية) (20 | 50 | 100 | 250 | 500).