نتائج البحث
اذهب إلى التنقل
اذهب إلى البحث
الخاصية 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 ...
الخاصية transform-origin
الخاصية transform-origin في CSS تسمح بتحديد مبدأ الإحداثيات للتحويلات التي ستجرى على العنصر، فمثلًا سيكون مبدأ إحداثيات العنصر الافتراضي عند تطبيق الدالة rotate() هو مركز العنصر. بطاقة الخاصية القيمة الابتدائية 50% 50% 0 تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. ستُطبَّق هذه الخاصية بنقل العنصر بمقدار قيمة هذه الخاصية مضروبةً بالعدد -1، ثم تطبيق التحويلات على العنصر، ثم تنقل العنصر بمقدار قيمة هذه الخاصية. /* قيمة واحدة */
transform-origin: 2px;
transform-origin: bottom;
/* x-offset y-offset */
transform-origin: ...
الخاصية padding-top
الخاصية padding-top في CSS تضبط الحاشية (padding) في الطرف العلوي للعنصر؛ وعلى نقيض الهوامش margin، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* ...
الخاصية event.isImmediatePropagationStopped() في jQuery
event.isImmediatePropagationStopped() القيمة المعادة تُعيد كائنًا من النوع Boolean. الوصف تتحقق هذه الخاصية من استدعاء الحدث event.stopImmediatePropagation() على كائن الحدث هذا. event.isImmediatePropagationStopped() أُضيف مع الإصدار: 1.3. لا تقبل هذه الخاصية أي وسائط. أُضيفت هذه الخاصية في المستوى الثالث من DOM. أمثلة التحقق من استدعاء event.stopImmediatePropagation(). <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.isImmediatePropagationStopped مثال على الخاصية</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>أنقر هنا</button>
<div id="stop-log"></div>
<script>
function immediatePropStopped( event ) {
var msg = "";
if ( event.isImmediatePropagationStopped() ) {
...
الخاصية border-spacing
الخاصية border-spacing في CSS تُحدِّد المسافة بين إطارات خلايا الجداول المتجاورة. لن يكون لهذه الخاصية أثرٌ إلا إذا كانت قيمة الخاصية border-collapse هي separate. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على عناصر table و inline-table. قابلة للوراثة نعم قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. /* <length> */
border-spacing: 2px;
/* horizontal <length> | vertical <length> */
border-spacing: 1cm 2em;
/* القيم العامة */
border-spacing: inherit;
border-spacing: initial;
border-spacing: unset;
ستستخدم قيمة الخاصية border-spacing على الحافة الخارجية للجدول، إذ تكون المسافة بين إطار الجدول وبين الخلايا في أول ...
الخاصية caption-side
الخاصية caption-side في CSS تُحدِّد موضع لافتة الجدول المُعرَّفة عبر العنصر <caption>. بطاقة الخاصية القيمة الابتدائية top تُطبَّق على العنصر <caption>. قابلة للوراثة نعم قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */
caption-side: top;
caption-side: bottom;
/* القيم العامة */
caption-side: inherit;
caption-side: initial;
caption-side: unset;
أمثلة سنستخدم في المثال الآتي جدولين <table> مع لافتةٍ <caption> لكل واحدٍ منهما، ثم سنستعمل الخاصية caption-side لضبط موضع اللافتة: <table class="top">
<caption>اللافتة فوق الجدول</caption>
<tr>
...
الخاصية font-size
الخاصية font-size في CSS تضبط حجم الخط، وضبط حجم الخط قد يؤدي إلى تغيير حجم عناصر أخرى، لأن حجم الخط سيُستخدَم لحساب قيمة الأطوال <length> ذات الواحدة em و ex. بطاقة الخاصية القيمة الابتدائية medium تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* <absolute-size> كلمات محجوزة تُمثِّل أحجامًا مطلقة */
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
/* <relative-size> كلمات محجوزة تمثل أحجامًا نسبيةً */
font-size: smaller;
font-size: larger;
/* <length> أطوال مطلقة */
font-size: 12px;
font-size: 0.8em;
/* <percentage> ...
الخاصية 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 الرسمي.
الخاصية box-sizing
الخاصية box-sizing في CSS تُستخدم لتعديل النموذج الصندوقي الافتراضي في CSS (أي CSS box model) المستخدم لحساب عرض وارتفاع العناصر. بطاقة الخاصية القيمة الابتدائية content-box تُطبَّق على جميع العناصر التي يمكن تحديد قيمة للخاصية width و height فيها. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* الكلمات المحجوزة */
box-sizing: content-box;
box-sizing: border-box;
/* القيم العامة */
box-sizing: inherit;
box-sizing: initial;
box-sizing: unset;
يُطبَّق العرض والارتفاع -افتراضيًا- على صندوق المحتوى (content box) التابع للعنصر، وإذا كان للعنصر إطار (border) أو حاشية (padding) فستُضاف إلى ...
الخاصية counter-increment
الخاصية counter-increment في CSS تُزيد أو تُنقِص قيمة أحد عدّادات CSS بقيمة معيّنة، ويمكن إعادة تعيين العدّاد إلى رقم معيّن باستخدام الخاصية counter-reset. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على كل العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* الزيادة بمقدار 1 */
counter-increment: my-counter;
/* الإنقاص بمقدار 1 */
counter-increment: my-counter -1;
/* زيادة أحد العدادات بمقدار 1 وإنقاص الثاني بمقدار 4*/
counter-increment: counter1 counter2 -4;
/* عدم زيادة أو إنقاص أيّ عداد، وتُستخدَم لتجاوز القواعد التي لها أولوية أقل */
counter-increment: ...
الخاصية word-break
الخاصية word-break في CSS تُحدِّد إذا كان على المتصفح الانتقال إلى سطر جديد ضمن الكلمات نفسها لمنع النص من تجاوز حدود صندوق المحتوى للعنصر الحاوي عليه. وعلى النقيض من الخاصية overflow-wrap، ستنتقل الخاصية word-break إلى سطرٍ جديد عند المكان الذي كان سيتجاوز النص فيه حدود صندوق المحتوى، حتى لو كان وضع الكلمة في سطرٍ بمفردها سيؤدي إلى عدم تجاوزها حدود صندوق المحتوى. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما ...
الخاصية overflow-x
الخاصية overflow-x في CSS تُحدِّد إن كان سيتم اقتصاص (clip) المحتوى، أو سيُعرَض شريط تمرير (scroll bar)، أو سيُعرَض ما يزيد من محتوى العنصر الكتلي على يمينه أو يساره. بطاقة الخاصية القيمة الابتدائية visible تُطبَّق على عناصر block-level و inline-block غير المُستبدَلة (non-replaced). قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* لن يتم اقتصاص المحتوى */
overflow-x: visible;
/* سيتم اقتصاص المحتوى دون عرض شريط تمرير */
overflow-x: hidden;
/* سيتم اقتصاص المحتوى مع عرض شريط تمرير */
overflow-x: scroll;
/* ترك الأمر ...
الخاصية text-decoration
الخاصية text-decoration في CSS تُحدِّد شكل خطوط الزخرفة (decorative lines) المستخدمة على النص؛ وهي خاصيةٌ مختصرة لضبط قيمة أكثر من خاصية عن خطوط الزخرفة بآنٍ واحد، وهي تتضمن text-decoration-line و text-decoration-color و text-decoration-style. بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: text-decoration-color: currentcolor text-decoration-style: solid text-decoration-line: none تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا، باستثناء قيمة الخاصية text-decoration-color. القيمة المحسوبة طول مطلق أو الكلمة المحجوزة normal. /* كلمات محجوزة */
text-decoration: none;
text-decoration: underline red;
text-decoration: underline wavy red;
/* قيم عامة */
text-decoration: inherit;
text-decoration: initial;
text-decoration: unset;
لاحظ ...
الخاصية event.pageX في jQuery
event.pageX القيمة المعادة تُعيد كائنًا من النوع Number. الوصف تُعيد هذه الخاصية موضع الفأرة بالنسبة إلى الحافة اليسرى للمستند. event.pageX أُضيف مع الإصدار: 1.0.4. أمثلة إظهار موضع الفأرة بالنسبة للحافة اليسرى والحافة العلوية للمستند (داخل iframe): <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.pageX مثال على الخاصية</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", ...
الخاصية event.timeStamp في jQuery
event.timeStamp القيمة المعادة تعيد كائنًا من النوع Object. الوصف فرق الوقت محسوب بالميللي ثانية بين وقت إنشاء المتصفح للحدث وليلة رأس سنة 1970. event.timeStamp أضيفت في الإصدار: 1.2.6. يمكن أن تكون هذه الخاصية مفيدة لتوصيف أداء الحدث بالحصول على قيمة event.timeStamp عند نقطتين في الشيفرة البرمجية وملاحظة الاختلاف. لتحديد الوقت الحالي داخل معالج الأحداث، يُستخدم التابع (new Date).getTime() بدلاً من ذلك. ملاحظة: نظرًا لوجود علّة منذ عام 2004، لا تستخدم هذه القيمة بشكل صحيح في متصفح Firefox ولا يمكن معرفة ...
الخاصية flex-direction
الخاصية flex-direction في CSS تُعرِّف ما هو المحور الرئيسي (main axis) في حاوية flex وما اتجاهه (عادي أم معكوس). بطاقة الخاصية القيمة الابتدائية row تُطبَّق على حاويات flex. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* اتجاه العناصر أفقي */
flex-direction: row;
/* اتجاه العناصر أفقي، لكن بالمقلوب */
flex-direction: row-reverse;
/* اتجاه العناصر رأسي */
flex-direction: column;
/* اتجاه العناصر رأسي، لكن بالمقلوب */
flex-direction: column-reverse;
/* القيم العامة */
flex-direction: inherit;
flex-direction: initial;
flex-direction: unset;
لاحظ أنَّ القيمتين row و row-reverse تتأثران باتجاه حاوية flex، فلو كانت ...
الخاصية line-height
الخاصية line-height في CSS تضبط المسافة المستخدم للأسطر، كما في النصوص؛ أما على العناصر الكتلية (block elements) فهي تُحدِّد الارتفاع الأدنى للصناديق النصية (line boxes) ضمن العنصر. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدت، ما عدا القيم النسبية التي ستحوّل إلى أطوال مطلقة. /* كلمة محجوزة */
line-height: normal;
/* أعداد دون واحدة، ستضرَب بقيمة حجم الخط للعنصر */
line-height: 3.5;
/* <length> أطوال مطلقة */
line-height: 3em;
/* <percentage> نسب مئوية */
line-height: 34%;
/* ...
الخاصية grid-gap
الخاصية grid-gap في CSS هي خاصيةٌ مختصرةٌ تضبط قيمة الخاصيتين grid-row-gap و grid-column-gap، وهي تُحدِّد المسافة التي تفصل بين الأسطر والأعمدة في حاوية gird. بطاقة الخاصية القيمة الابتدائية لكل خاصية مختصرة: grid-row-gap: 0 grid-column-gap: 0 تُطبَّق على حاويات gird. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة لكل خاصية مختصرة: grid-row-gap: نسبة مئوية أو طول مطلق. grid-column-gap: نسبة مئوية أو طول مطلق. /* <length> القيم الطولية */
grid-gap: 20px;
grid-gap: 1em;
grid-gap: 3vmin;
grid-gap: 0.5cm;
/* <percentage> النسب المئوية */
grid-gap: 10%;
/* <length> قيمتان طوليتان */
grid-gap: 20px 10px;
grid-gap: 1em 0.5em;
grid-gap: ...
الخاصية background-image
الخاصية background-image في CSS تضبط صورةً أو أكثر على أنها خلفية للعنصر. ستُطبَّق صور الخلفية فوق بعضها بعضًا، وترسم أوّل طبقة مُحدَّدة وكأنها أقرب طبقة إلى المستخدم. سيُرسَم إطار العنصر border فوق صور الخلفية، وسيوضع اللون المُحدَّد في الخاصية background-color تحتها. تُحدَّد العلاقة بين الصور المعروضة وصندوق العنصر وإطاره باستخدام الخاصيتين background-clip و background-origin في CSS. إذا لم يمكن ممكنًا عرض الصورة المُحدَّد (على سبيل المثال: لم يتمكن المتصفح من تحميل الصورة من رابط URI الخاص بها)، فسيفترض المتصفح أنَّ ...
الخاصية min-width
الخاصية min-width في CSS تضبط العرض الأدنى للعنصر، وهي تمنع القيمة المستخدمة (used value) للخاصية width من أن تقل عن القيمة المُحدَّدة في الخاصية min-width. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا العناصر السطرية غير المُستبدَلة (non-replaced inline elements)، وأعمدة الجداول، ومجموعات الأعمدة. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق أو الكلمة المحجوزة auto. /* <length> أطوال */
min-width: 3.5em;
/* <percentage> نسب مئوية */
min-width: 75%;
/* كلمات محجوزة */
min-width: none;
/* قيم عامة ...
عرض (20 السابقة | 20 التالية) (20 | 50 | 100 | 250 | 500).