الفرق بين المراجعتين ل"Sass/complement"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()complement</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()complement</code> في Sass}}</noinclude> | ||
− | تعيد الدالة <code>()complement</code> مكمّل اللون (complement of a color). | + | تعيد الدالة <code>()complement</code> مكمّل اللون (complement of a color). وهي تكافئ استدعاء الدالة <code>adjust-hue(color, 180deg)</code>. |
== البنية العامة == | == البنية العامة == | ||
<syntaxhighlight lang="sass"> | <syntaxhighlight lang="sass"> | ||
سطر 16: | سطر 16: | ||
== الأخطاء والاستثناءات == | == الأخطاء والاستثناءات == | ||
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>$color</code> لونًا. | سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>$color</code> لونًا. | ||
+ | |||
+ | == أمثلة == | ||
+ | المثال الآتي يضبط لون العنصر (<code>[[CSS/color|color]]</code>) إلى اللون البنفسجي (<code>purple</code>)، وذلك بتمرير القيمة <code>green</code> إلى الدالة <code>complement()</code>:<syntaxhighlight lang="sass"> | ||
+ | .selector { | ||
+ | color: complement(green); // purple | ||
+ | } | ||
+ | |||
+ | </syntaxhighlight>ستصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:<syntaxhighlight lang="css"> | ||
+ | selector { | ||
+ | color: purple; | ||
+ | } | ||
+ | |||
+ | </syntaxhighlight> | ||
== انظر أيضًا == | == انظر أيضًا == | ||
− | * الدالة <code>[[Sass/adjust hue|adjust-hue()]]</code>: تعدّل | + | * الدالة <code>[[Sass/adjust hue|adjust-hue()]]</code>: تعدّل قيمة hue. |
== مصادر == | == مصادر == |
مراجعة 03:17، 21 أبريل 2018
تعيد الدالة ()complement
مكمّل اللون (complement of a color). وهي تكافئ استدعاء الدالة adjust-hue(color, 180deg)
.
البنية العامة
complement($color)
المعاملات
$color
قيمة لونية.
القيم المعادة
قيمةٌ لونيةٌ.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError
إن لم يكن $color
لونًا.
أمثلة
المثال الآتي يضبط لون العنصر (color
) إلى اللون البنفسجي (purple
)، وذلك بتمرير القيمة green
إلى الدالة complement()
:
.selector {
color: complement(green); // purple
}
ستصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:
selector {
color: purple;
}
انظر أيضًا
- الدالة
adjust-hue()
: تعدّل قيمة hue.