الفرق بين المراجعتين لصفحة: «Sass/if»
< Sass
جميل-بيلوني (نقاش | مساهمات) ط مراجعة الصفحة وتدقيقها. |
لا ملخص تعديل |
||
| سطر 22: | سطر 22: | ||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام الدالة <code>if()</code> لإضافة إطار <code>[[CSS/border|border]]</code> للعنصر اعتمادًا على شرطٍ معيّن:<syntaxhighlight lang="sass"> | |||
if( | $border-type: "none"; | ||
.selector { | |||
border: if($border-type == "none", "none", "1px soild black"); | |||
} | |||
</syntaxhighlight> | </syntaxhighlight> | ||
مراجعة 12:03، 12 مايو 2018
تعيد الدالة ()if إحدى القيمتين الممرَّرتين إليها اعتمادًا على تحقُّق شرط معين. تشبه تمامًا التعليمة @if، إذ تُعدّ جميع القيم صحيحةً باستثناء القيمة false والقيمة null.
البنية العامة
if($condition, $if-true, $if-false)
المعاملات
$condition
الشرط المراد التحقق من صحته.
$if-true
القيمة التي ستُعاد إن كان الشرط $condition محقَّقًا.
$if-false
القيمة التي ستُعاد إن لم يكن الشرط $condition محقَّقًا.
القيم المعادة
تُعاد القيمة $if-true أو القيمة $if-false بناءً على تحقق الشرط $condition.
أمثلة
مثال عن استخدام الدالة if() لإضافة إطار border للعنصر اعتمادًا على شرطٍ معيّن:
$border-type: "none";
.selector {
border: if($border-type == "none", "none", "1px soild black");
}
انظر أيضًا
- الدالة
call(): تستدعي دالة بشكل ديناميكي.