الفرق بين المراجعتين ل"Sass/opacity"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
جميل-بيلوني (نقاش | مساهمات) ط (تعديل قسم انظر أيضًا.) |
|||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> في Sass}}</noinclude> | ||
تعيد الدالة <code>()opacity</code> قيمة مكوِّن الشفافيَّة (opacity) للون الممرَّر إليها. قيمتها غالبًا تساوي 1 إلا في حال عدِّلت. | تعيد الدالة <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. | تُعاد قيمة مكوِّن الشفافيِّة (alpha) للون <code>$color</code>، وتتراوح بين 0 و1. | ||
+ | ==الأخطاء والاستثناءات== | ||
+ | سيُرمى الخطأ <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> |
+ | ==انظر أيضًا== | ||
*الدالة <code>[[Sass/red|red()]]</code>: تعيد قيمة المكوِّن الأحمر للون الممرَّر إليها. | *الدالة <code>[[Sass/red|red()]]</code>: تعيد قيمة المكوِّن الأحمر للون الممرَّر إليها. | ||
*الدالة <code>[[Sass/blue|()blue]]</code>: تعيد قيمة المكوِّن الأزرق للون الممرَّر إليها. | *الدالة <code>[[Sass/blue|()blue]]</code>: تعيد قيمة المكوِّن الأزرق للون الممرَّر إليها. | ||
*الدالة <code>[[Sass/green|()green]]</code>: تعيد قيمة المكوِّن الأخضر للون الممرَّر إليها | *الدالة <code>[[Sass/green|()green]]</code>: تعيد قيمة المكوِّن الأخضر للون الممرَّر إليها | ||
− | * الدالة <code>[[Sass/saturation|saturation()]]</code>: تعيد قيمة مكوّن التشبع للون الممرَّر إليها. | + | *الدالة <code>[[Sass/saturation|saturation()]]</code>: تعيد قيمة مكوّن التشبع للون الممرَّر إليها. |
− | * الدالة <code>[[Sass/lightness|()lightness]]</code>: تُعيدُ قيمة مُكوّن السطوع للون الممرَّر إليها. | + | *الدالة <code>[[Sass/lightness|()lightness]]</code>: تُعيدُ قيمة مُكوّن السطوع للون الممرَّر إليها. |
− | * الدالة <code>[[Sass/transparentize|()transparentize]]</code>: تجعل اللون أكثر شفافيَّةً. | + | *الدالة <code>[[Sass/transparentize|()transparentize]]</code>: تجعل اللون أكثر شفافيَّةً. |
− | * الدالة <code>[[Sass/opacify|opacify()]]</code>: تجعل اللون أكثر عتامةً. | + | *الدالة <code>[[Sass/opacify|opacify()]]</code>: تجعل اللون أكثر عتامةً. |
− | + | ==مصادر== | |
− | == مصادر == | + | *[https://sass-lang.com/documentation/Sass/Script/Functions.html#opacity-instance_method قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي.] |
− | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#opacity-instance_method قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي.] | ||
[[تصنيف:Sass]] | [[تصنيف:Sass]] | ||
[[تصنيف: Sass Function]] | [[تصنيف: Sass Function]] |
مراجعة 11:22، 19 مايو 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()
: تجعل اللون أكثر عتامةً.