نتائج البحث
اذهب إلى التنقل
اذهب إلى البحث
الخاصية opacity
تُحدِّد الخاصية opacity في CSS درجة شفافية أحد العناصر، أي مدى ظهور المحتوى الذي يقع وراءه. بطاقة الخاصية القيمة الابتدائية 1.0 تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للحركة نعم القيمة المحسوبة القيمة المُحدَّدة لكن ضمن المجال من 0 إلى 1. /* غير شفاف */
opacity: 1;
opacity: 1.0;
/* نصف شفاف */
opacity: 0.6;
/* شفاف تمامًا */
opacity: 0;
opacity: 0.0;
/* القيم العامة */
opacity: inherit;
opacity: initial;
opacity: unset;
تُطبَّق الخاصية opacity على العنصر ككل، بما في ذلك محتوى، حتى لو لم تكن قيمة هذه الخاصية قابلةً ...
الخاصية margin
الخاصية margin المختصرة في CSS تضبط الهوامش في الأطراف الأربعة للعنصر، ويمكن استخدام هذه الخاصية بدلًا من ضبط الهوامش فرادى باستخدام margin-top و margin-right و margin-bottom و margin-left. بطاقة الخاصية القيمة الابتدائية لكل خاصية مختصرة: margin-bottom: 0 margin-left: 0 margin-right: 0 margin-top: 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* تطبيق الهوامش على الأطراف ...
الخاصية perspective
الخاصية perspective في CSS تُستخدَم لتفعيل الفضاء ثلاثي الأبعاد في العنصر، لكي نتمكن من وضع العناصر الأبناء في ذاك الفضاء، وتسمح هذه الخاصية لنا بإضفاء شعور بالعمق إلى العنصر، بجعل العناصر الأقرب إلى المستخدم تبدو وأكبر، والعناصر الأبعد تبدو أصغر. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* كلمة محجوزة */
perspective: none;
/* <length> قيم طولية */
perspective: 20px;
perspective: 3.5em;
/* القيم العامة */
perspective: inherit;
perspective: initial;
perspective: unset;
العناصر ثلاثية الأبعاد ...
Kotlin/Topics
بُنية لغة Kotlin مشابهةٌ لبنية لغة البرمجة Java بوصفها كائنيّة التوجه (OOP)، وبالتالي فهي تعتمد أساسًا على وجود الأصناف (classes) التي تحتوي بدورها على الخاصّيّات (properties) والدوال (functions)، كما وتدعم Kotlin العلاقات فيما بينها مثل الوراثة (inheritance) من صنفٍ أعلى (superclass) أو التداخل فيما بينها (nesting classes)، وتمتاز بوجود مُحدِّدات الوصول (visibility modifiers) للتحكم بعمليات الوصول للبيانات المُخزَّنة، وكذلك فهي تعتمد في بُنيتها على الحزم (packages) والمكتبات (libraries) التي تحتوي على الدوال المساعدة عند الحاجة إليها، أمّا عن بُنية التعليمات ...
الخاصية event.stopPropagation() في jQuery
event.stopPropagation() القيمة المعادة تُعيد هذه الخاصية القيمة undefined. الوصف تمنع هذه الخاصية الحدث من الانتقال عبر شجرة DOM إلى العناصر الأب (event bubbling)، مما يمنع إبلاغ أي من المعالجات الأب عن الحدث. event.stopPropagation() أُضيف مع الإصدار: 1.0. لا تقبل هذه الخاصية أي وسائط. تستخدم الخاصية event.isPropagationStopped() للحقق من استدعاء هذا التابع (على كائن الحدث هذا). تعمل هذه الخاصية مع الأحداث المخصصة المُطلَقة بواسطة التابع trigger() أيضًا. لاحظ أن هذه الخاصية لن تمنع المعالجات الأخرى من العمل على نفس العنصر. ملاحظات ...
الخاصية 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 "مرحبًا";
});
$( ...
الخاصية background-position
الخاصية background-position في CSS تضبط الموضع المبدئي لكل صورة خلفية، وذلك نسبةً إلى المبدأ المُعرَّف في الخاصية background-origin. بطاقة الخاصية القيمة الابتدائية 0% 0% تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة قائمة فيها أكثر من عنصر، وكل عنصر يتألف من كلمتين محجوزتين تمثلان المبدأ ومسافات فاصلة عن الحواف، والتي تعطى بأطوال مطلقة (<length>)، أو ستعتبر على أنها نسب مئوية. /* كلمات محجوزة */
background-position: top;
background-position: bottom;
background-position: left;
background-position: right;
background-position: center;
/* نسب مئوية */
background-position: 25% 75%;
/* أطوال مطلقة ...
الخاصية text-overflow
الخاصية text-overflow في CSS تُحدِّد ماذا سيحدث عند عدم عرض المحتوى الزائد عن صندوقه، فيمكن أن يتم اقتصاص المحتوى، أو عرض ثلاث نقط (المحرف … رمزه U+2026)، أو عرض سلسلة نصية خاصة. بطاقة الخاصية القيمة الابتدائية clip تُطبَّق على الحاويات الكتلية (block container elements). قابلة للوراثة لا قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. /* الكلمات المحجوزة */
text-overflow: clip;
text-overflow: ellipsis;
/* <string> سلسلة نصية */
text-overflow: "…";
/* القيم العامة */
text-overflow: inherit;
text-overflow: initial;
text-overflow: unset;
الخاصية text-overflow لا تؤدي إلى خروج المحتوى من صندوقه، ولجعل ...
المتغيرات الخاصة في بايثون
لا تدعم بايثون متغيرات الأصناف الخاصة (Private) والتي لا يمكن الوصول إليها من خارج الكائن، ولكن يتفق معظم المبرمجين على أنّ الاسم المسبوق بشرطة سفلية (مثل: _spam) يجب أن يُعامل كجزء غير عام من الواجهة البرمجية (سواء كان ذلك الجزء دالة أم تابعًا أم خاصية). هناك حالة واحدة تستدعي استخدام عناصر الأصناف الخاصة وهي تجنب حدوث تضارب بين الأسماء الموجودة في الصنف والأسماء المعرّفة في الأصناف الفرعية، ونظرًا لذلك تقدم اللغة دعمًا محدودًا لمثل هذه الحالة، وتدعى بتشويه الأسماء name ...
الخاصية jQuery.fx.off() في jQuery
jQuery.fx.off القيم المعادة قيمتهما هي قيمة منطقية (Boolean). الوصف تعمل هذه الخاصِّيَّة على تعطيل جميع الحركات على الصعيد العام. jQuery.fx.off أُضيفت مع الإصدار: 1.3. عند تغيير قيمة هذه الخاصِّيَّة إلى القيمة true، ستَنقل جميع التوابع الحركيَّة العناصر إلى حالتها النهائية مباشرةً عند استدعائها دون إظهار أي تأثيرات أو تطبيق أية حركات على العنصر. يُرغب باستعمال هذه الخاصِّيَّة لسببين هما: تعمل jQuery على جهازٍ ذي مواصفات منخفضة. يواجه المستخدمون مشكلاتٍ في إمكانيَّة الوصول مع الحركات. يمكن إيقاف هذا السلوك وتشغيل الحركات ...
الخاصية font-kerning
الخاصية font-kerning في CSS تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */
font-kerning: auto;
font-kerning: normal;
font-kerning: none;
/* القيم العامة */
font-kerning: inherit;
font-kerning: initial;
font-kerning: unset;
تآلف الأحرف يُعرِّف كيف يجب أن تكون الأحرف متباعدةً عن بعضها، ففي الخطوط التي تدعم ميزة تآلف الأحرف، ستؤدي هذه الميزة إلى تحسين اختيار المسافة التي تفصل بين الأحرف لجعلها أسهل قراءةً. لاحظ تأثير ...
الخاصية column-count
الخاصية column-count في CSS هي تُحدِّد ما هو عدد الأعمدة التي سينقسم العنصر إليها. بطاقة الخاصية القيمة الابتدائية auto تُطبَّق على جميع الحاويات الكتلية (block containers) عدا حاويات الجداول. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* <integer> قيمة عددية */
column-count: 3;
/* كلمة محجوزة */
column-count: auto;
/* القيم العامة */
column-count: inherit;
column-count: initial;
column-count: unset;
أمثلة مثال على استخدام الخاصية column-count وضبط قيمتها إلى 3: <p class="content-box">
هذه فقرةٌ نصيةٌ ستُقسَم إلى ثلاثة أعمدة باستخدام CSS،
لاحظ أنَّ النص سيوزَّع بالتساوي بين ...
الوصول إلى الخاصيات في JavaScript
طرائق الوصول إلى الخاصيات توفِّر وصولًا إلى خاصيات أحد الكائنات باستخدام طريقة النقط أو طريقة الأقواس. البنية العامة object.property
object['property']
الوصف يمكننا عدّ الكائنات على أنها مصفوفات ترابطية (أي associative array، ويُطلَق عليها أيضًا map و dictionary و hash و lookup table)، وتكون المفاتيح (keys) في المصفوفة هي أسماء خاصيات الكائن. من الشائع عند حديثنا عن خاصيات الكائنات التفريق بين الخاصيات (properties) والدوال التابعة للكائن، لكن تقنيًا تكون الدوال هي خاصيات مُنشَأة من الكائن Function. هنالك طريقتان للوصول إلى خاصيات الكائنات: ...
الخاصية event.target في jQuery
event.target القيمة المعادة تعيد كائنًا من النوع Element. الوصف تعيد هذه الخاصية عنصر DOM الذي بدأ الحدث. event.target أُضيفت مع الإصدار: 1.0. يمكن أن تكون الخاصية target هي العنصر لمُسجل للحدث أو لعناصره السليلة. غالبًا ما يكون من المفيد مقارنة event.target مع this لتحديد ما إذا كان الحدث يُعالج بسبب انتقال الحدث إلى العناصر الأب (event bubbling). هذه الخاصية مفيدة جدًا في تفويض الحدث، عند انتقال الحدث إلى العناصر الأب. أمثلة عرض اسم العنصر عند النقر عليه: <!doctype html>
<html lang="en">
<head>
...
الخاصية padding-right
الخاصية padding-right في CSS تضبط الحاشية (padding) في الطرف الأيمن للعنصر؛ وعلى نقيض الهوامش margin، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* ...
الخاصية transition-duration
الخاصية transition-duration في CSS تُحدِّد الزمن الذي سيستغرقه تأثير الانتقال للوصول إلى القيمة النهائية للخاصية، والقيمة الافتراضية 0s لن تؤدي إلى حدوث تأثير انتقال أبدًا. بطاقة الخاصية القيمة الابتدائية 0s تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. يمكننا تحديد أكثر من قيمة لهذه الخاصية، وكل قيمة سترتبط بقيمة من قيم الخاصية transition-property، وإذا كانت هنالك قيم في هذه الخاصية أقل من القيم المسندة للخاصية transition-property فستُكرَّر قيم هذه الخاصية كي تكفي، وإذا كانت ...
خاصيات الكائنات في PHP
تطلق تسمية "الخاصيات properties" على المتغيّرات المعرّفة ضمن الأصناف، وهناك تسميات أخرى مثل "المعاملات" أو "الحقول"، ولكن سنستخدم التسمية الأولى "الخاصيات" في هذا الدليل. تعرّف الخاصيات باستخدام إحدى الكلمات المفتاحية public، أو protected، أو private تتبعها عبارة تصريح عن متغير اعتيادي. يمكن أن يتضمّن هذا التصريح عملية تهيئة initialization، ولكن يجب أن تكون هذه التهيئة ذات قيمة ثابتة، بمعنى أنّه يجب أن تكون قابلة للمعالجة في وقت التصريف ويجب أن لا تعتمد على المعلومات المتاحة في وقت التشغيل لغرض المعالجة. ...
الخاصية font-stretch
الخاصية font-stretch في CSS تختار نسخةً ضيقةً (condensed) أو عاديةً (normal) أو موسعةً (expanded) من الخط. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */
font-stretch: ultra-condensed;
font-stretch: extra-condensed;
font-stretch: condensed;
font-stretch: semi-condensed;
font-stretch: normal;
font-stretch: semi-expanded;
font-stretch: expanded;
font-stretch: extra-expanded;
font-stretch: ultra-expanded;
/* قيم عامة */
font-stretch: inherit;
font-stretch: initial;
font-stretch: unset;
لا تؤدي هذه الخاصية إلى تغيير أبعاد الخط، وإنما هي طريقةٌ لاختيار أفضل نسخة من الخط إن كان الخط يوفِّر أكثر من نسخة. تبيين تأثير مختلف القيم ...
الخاصية letter-spacing
الخاصية letter-spacing في CSS تُحدِّد ما هو التباعد بين الأحرف النصية. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم. قابلة للتحريك نعم القيمة المحسوبة طول مطلق أو الكلمة المحجوزة normal. /* <length> أطوال */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;
/* كلمة محجوزة */
letter-spacing: normal;
/* قيم عامة */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;
أمثلة مثال عن استخدام قيم موجبة وسالبة مع الخاصية letter-spacing لزيادة (أو إنقاص) التباعد بين الأحرف: <p class="ex1">letter spacing</p>
<p class="ex2">letter spacing</p>
<p class="ex3">letter spacing</p>
<p class="ex4">letter spacing</p>
شيفرة CSS: .ex1 { letter-spacing: ...
الخاصية 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.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 ...
الخاصية empty-cells
الخاصية empty-cells في CSS تُحدِّد كيف يجب أن يعرض المتصفح خلفية وإطار خلايا الجداول <table> التي ليس فيها محتوى ظاهر. لن يكون لهذه الخاصية أثرٌ إلا إذا كانت الخاصية border-collapse مضبوطةً إلى separate. بطاقة الخاصية القيمة الابتدائية show تُطبَّق على خلايا الجداول. قابلة للوراثة نعم قابلة للحركة لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */
empty-cells: show;
empty-cells: hide;
/* القيم العامة */
empty-cells: inherit;
empty-cells: initial;
empty-cells: unset;
أمثلة سنستخدم في المثال الآتي جدولين <table> فيهما خلايا ليس فيها محتوى، واستعملنا القيمة show ...
الخاصية tab-size
الخاصية tab-size في CSS تُستعمل لتخصيص عرض محرف الجدولة (tab) الذي له الرمز U+0009 في يونيكود. بطاقة الخاصية القيمة الابتدائية 8 تُطبَّق على الحاويات الكتلية. قابلة للوراثة نعم قابلة للتحريك نعم القيمة المحسوبة كما حُدِّدت. /* <integer> قيم عددية */
tab-size: 4;
tab-size: 0;
/* <length> قيم طولية */
tab-size: 10px;
tab-size: 2em;
/* قيم عامة */
tab-size: inherit;
tab-size: initial;
tab-size: unset;
أمثلة مثال عن استخدام الخاصية tab-size على عنصر <pre> (لاحظ أنَّ الحالة الوحيدة التي سيُعرَض فيها محرف tab في مستندات HTML هي داخل العنصر <pre> أو ...
الخاصية animation-delay
الخاصية animation-delay في CSS تُحدِّد متى ستبدأ الحركة، ويمكنك تأخير بدء الحركة فترةً من الزمن، أو البدء مباشرةً، أو البدء مباشرةً لكن مع تجاوز جزء من دورة الحركة. بطاقة الخاصية القيمة الابتدائية 0s تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. من الشائع استخدام الخاصية المختصرة animation لضبط جميع خاصيات الحركات بآنٍ واحد. /* قيمة واحدة */
animation-delay: 3s;
animation-delay: 0s;
animation-delay: -1500ms;
/* عدِّة قيم */
animation-delay: 2.1s, 480ms;
/* القيم العامة */
animation-delay: inherit;
animation-delay: initial;
animation-delay: unset;
دعم المتصفحات الميزة ...
الخاصية white-space
الخاصية white-space في CSS تُحدِّد كيف ستُعامل الفراغات ضمن العنصر؛ أما إذا كنتَ تبحث عن طريقة تقسيم الكلمات الطويلة، فانظر إلى خاصية overflow-wrap و word-break. بطاقة الخاصية القيمة الابتدائية normal تُطبَّق على جميع العناصر. قابلة للوراثة نعم. قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
/* قيم عامة */
white-space: inherit;
white-space: initial;
white-space: unset;
أمثلة سنستخدم في هذا المثال العنصر <p> لإضافة فقرة فيها عدِّة فراغات عادية متتالية (موجودة بين اسم الخاصية white-space وقيمتها في ...
الخاصية 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() ) {
...
الخاصية flex-flow
الخاصية flex-wrap المختصرة في CSS تستعمل لضبط قيمة الخاصيتين flex-direction و flex-wrap. بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: flex-direction: row flex-wrap: nowrap تُطبَّق على حاويات flex. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة لكل قيمة مختصرة: flex-direction: كما حُدِّدَت. flex-wrap: كما حُدِّدَت. /* flex-flow: <flex-direction> */
flex-flow: row;
flex-flow: row-reverse;
flex-flow: column;
flex-flow: column-reverse;
/* flex-flow: <flex-wrap> */
flex-flow: nowrap;
flex-flow: wrap;
flex-flow: wrap-reverse;
/* flex-flow: <flex-direction> and <flex-wrap> */
flex-flow: row nowrap;
flex-flow: column wrap;
flex-flow: column-reverse wrap-reverse;
/* قيم عامة */
flex-flow: inherit;
flex-flow: initial;
flex-flow: unset;
أمثلة راجع صفحة الخاصيتين flex-direction و flex-wrap لأمثلة تفصيلية ...
الخاصية border-bottom
الخاصية border-bottom في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات border-bottom-color و border-bottom-style و border-bottom-width، هذه الخاصيات تصف كيفية عرض الإطار border السفلي للعنصر. بطاقة الخاصية القيمة الابتدائية لكل قيمة مختصرة: border-bottom-width: medium border-bottom-style: none border-bottom-color: currentcolor تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة لكل قيمة مختصرة: border-bottom-width: الطول المطلق، أو 0 إذا ضُبِطَت الخاصية border-bottom-style إلى none أو hidden. border-bottom-style: كما حُدِّدَت. border-bottom-color: اللون المحسوب. border-bottom: 1px;
border-bottom: 2px dotted;
border-bottom: medium dashed blue;
وكما في جميع الخاصيات ...
الخاصية flex-wrap
الخاصية flex-wrap في CSS تُحدِّد فيما إذا كانت عناصر flex يجب أن تكون محتواةً في سطرٍ وحيد أم يمكن التفافها إلى عدِّة أسطر، وإذا سُمِحَ بالالتفاف (wrap) فيمكننا باستخدام هذه الخاصية تحديد ترتيب تكديس الأسطر. بطاقة الخاصية القيمة الابتدائية nowrap تُطبَّق على حاويات flex. قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. /* كلمات محجوزة */
flex-wrap: nowrap;
flex-wrap: wrap;
flex-wrap: wrap-reverse;
/* قيم عامة */
flex-wrap: inherit;
flex-wrap: initial;
flex-wrap: unset;
أمثلة هذا المثال يبيّن استخدام الكلمات المحجوزة wrap و nowrap و wrap-reverse مع ...
الخاصية border-style
الخاصية المختصرة border-style في CSS تُحدِّد شكل خط الإطار الخاص بالعنصر لجميع وجوهه (الأيمن والأيسر والعلوي والسفلي). /* الكلمات المحجوزة */
border-style: none;
border-style: hidden;
border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: double;
border-style: groove;
border-style: ridge;
border-style: inset;
border-style: outset;
/* vertical | horizontal */
border-style: dotted solid;
/* top | horizontal | bottom */
border-style: hidden double dashed;
/* top | right | bottom | left */
border-style: none solid dotted dashed;
/* القيم العامة */
border-style: inherit;
border-style: initial;
border-style: unset;
ملاحظة: القيمة الابتدائية للخاصية border-style هي none، وهذا يعني أنَّه حتى لو ضبطتَ الخاصيتين border-width و ...
الخاصية 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، فمن المستحسن منح المتصفح بعض المرونة ...
عرض (50 السابقة | 50 التالية) (20 | 50 | 100 | 250 | 500).