الفرق بين المراجعتين لصفحة: «Sass/opacity»
< Sass
جميل-بيلوني (نقاش | مساهمات) ط تعديل قسم انظر أيضًا. |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| (2 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 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|{{SUBPAGENAME}}]] | ||
[[تصنيف:Sass]] | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] | ||
[[تصنيف: Sass Function]] | |||
المراجعة الحالية بتاريخ 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(): تجعل اللون أكثر عتامةً.