الفرق بين المراجعتين لصفحة: «Sass/opacity»
< Sass
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| (4 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> في Sass}}</noinclude> | ||
تعيد الدالة <code>()opacity</code> | تعيد الدالة <code>()opacity</code> قيمة مكوِّن الشفافيَّة (opacity) للون الممرَّر إليها. قيمتها غالبًا تساوي 1 إلا في حال عدِّلت. | ||
== البنية العامة == | ==البنية العامة== | ||
<syntaxhighlight lang="sass"> | <syntaxhighlight lang="sass"> | ||
opacity($color) | opacity($color) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
==المعاملات== | |||
== المعاملات == | ===<code>$color</code>=== | ||
اللون المراد معرفة قيمة مكوِّن الشفافيَّة فيه. | |||
=== <code>$color</code> === | ==القيم المعادة== | ||
قيمة | تُعاد قيمة مكوِّن الشفافيِّة (alpha) للون <code>$color</code>، وتتراوح بين 0 و1. | ||
==الأخطاء والاستثناءات== | |||
== القيم المعادة == | |||
قيمة | |||
== الأخطاء والاستثناءات == | |||
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>$color</code> لونًا. | سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>$color</code> لونًا. | ||
== | == أمثلة == | ||
أمثلة نموذجية عن استخدام الدالة <code>opacity()</code>:<syntaxhighlight lang="sass"> | |||
opacity(red); // 1 | |||
opacity(rgba(255, 0, 0, 0.5)); // 0.5 | |||
== مصادر == | </syntaxhighlight> | ||
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#opacity-instance_method قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي. | ==انظر أيضًا== | ||
[[تصنيف:Sass]] | *الدالة <code>[[Sass/red|red()]]</code>: تعيد قيمة المكوِّن الأحمر للون الممرَّر إليها. | ||
[[تصنيف: Sass Function]] | *الدالة <code>[[Sass/blue|()blue]]</code>: تعيد قيمة المكوِّن الأزرق للون الممرَّر إليها. | ||
*الدالة <code>[[Sass/green|()green]]</code>: تعيد قيمة المكوِّن الأخضر للون الممرَّر إليها | |||
*الدالة <code>[[Sass/saturation|saturation()]]</code>: تعيد قيمة مكوّن التشبع للون الممرَّر إليها. | |||
*الدالة <code>[[Sass/lightness|()lightness]]</code>: تُعيدُ قيمة مُكوّن السطوع للون الممرَّر إليها. | |||
*الدالة <code>[[Sass/transparentize|()transparentize]]</code>: تجعل اللون أكثر شفافيَّةً. | |||
*الدالة <code>[[Sass/opacify|opacify()]]</code>: تجعل اللون أكثر عتامةً. | |||
==مصادر== | |||
*[https://sass-lang.com/documentation/Sass/Script/Functions.html#opacity-instance_method قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي]. | |||
[[تصنيف:Sass|{{SUBPAGENAME}}]] | |||
[[تصنيف: Sass Function|{{SUBPAGENAME}}]] | |||
المراجعة الحالية بتاريخ 07:01، 20 مايو 2018
تعيد الدالة ()opacity قيمة مكوِّن الشفافيَّة (opacity) للون الممرَّر إليها. قيمتها غالبًا تساوي 1 إلا في حال عدِّلت.
البنية العامة
opacity($color)
المعاملات
$color
اللون المراد معرفة قيمة مكوِّن الشفافيَّة فيه.
القيم المعادة
تُعاد قيمة مكوِّن الشفافيِّة (alpha) للون $color، وتتراوح بين 0 و1.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إن لم يكن $color لونًا.
أمثلة
أمثلة نموذجية عن استخدام الدالة opacity():
opacity(red); // 1
opacity(rgba(255, 0, 0, 0.5)); // 0.5
انظر أيضًا
- الدالة
red(): تعيد قيمة المكوِّن الأحمر للون الممرَّر إليها. - الدالة
()blue: تعيد قيمة المكوِّن الأزرق للون الممرَّر إليها. - الدالة
()green: تعيد قيمة المكوِّن الأخضر للون الممرَّر إليها - الدالة
saturation(): تعيد قيمة مكوّن التشبع للون الممرَّر إليها. - الدالة
()lightness: تُعيدُ قيمة مُكوّن السطوع للون الممرَّر إليها. - الدالة
()transparentize: تجعل اللون أكثر شفافيَّةً. - الدالة
opacify(): تجعل اللون أكثر عتامةً.