الفرق بين المراجعتين ل"Sass/hsl"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()hsl</code> في Sass }}</noinclude> == البنية العامة == === المعاملات === === <code>‎$red</cod...')
 
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE: الدالة <code>()hsl</code> في Sass
+
تُنشئ لونًا انطلاقا من قيم الصبغة (hue) والتشبع (saturation) والإضاءة (lightness). تستخدم الدالة [http://www.w3.org/TR/css3-color/#hsl-color خوارزمية] من مواصفات [[CSS|CSS3]].<noinclude>{{DISPLAYTITLE: الدالة <code>()hsl</code> في Sass
 
}}</noinclude>
 
}}</noinclude>
  
 
== البنية العامة ==
 
== البنية العامة ==
 +
<syntaxhighlight lang="sass">
 +
hsl($hue, $saturation, $lightness)
 +
</syntaxhighlight>
  
 +
=== المعاملات ===
  
=== المعاملات ===
+
=== <code>‎$hue</code> ===
 +
صبغة اللون. يجب أن تكون بين <code>0</code> و <code>360</code> درجة.
 +
 
 +
=== <code>‎$saturation</code> ===
 +
تشبُّع اللون. يجب أن يكون محصورًا بين ‎<code>0%‎</code> و  ‎<code>100%</code>.
  
=== <code>‎$red</code> ===
+
=== <code>‎$lightness </code> ===
 +
إضاءة اللون. يجب أن تكون بين  ‎<code>0%‎</code> و  ‎<code>100%</code>.
  
 
== القيم المعادة ==
 
== القيم المعادة ==
 +
اللون الناتج.
  
 
== الأخطاء والاستثناءات ==
 
== الأخطاء والاستثناءات ==
سيُرمى الخطأ <code>ArgumentError</code> إن كانت المعاملات من النوع الخاطئ أو خارج الحدود.
+
سيُرمى الخطأ <code>ArgumentError</code> إن كانت المعاملات من النوع الخاطئ أو كان <code>‎$lightness و ‎$saturation</code> خارج الحدود.
  
 
== انظر أيضًا ==
 
== انظر أيضًا ==
* الدالة <code>[[Sass/rgba|rgba()]]</code>‎: تُنشئ لونا انطلاقا من المركبات اللونية الثلاث والشفافية..
+
* الدالة <code>[[Sass/hsla|'''hsla'''()]]</code>‎: تُنشئ لونا انطلاقا من المركبات اللونية الثلاث والشفافية..
  
 
== مصادر ==
 
== مصادر ==
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#rgb-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
+
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#hsl-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
 
[[تصنيف:Sass]]
 
[[تصنيف:Sass]]
 
[[تصنيف: Sass Function]]
 
[[تصنيف: Sass Function]]

مراجعة 14:31، 19 أبريل 2018

تُنشئ لونًا انطلاقا من قيم الصبغة (hue) والتشبع (saturation) والإضاءة (lightness). تستخدم الدالة خوارزمية من مواصفات CSS3.

البنية العامة

hsl($hue, $saturation, $lightness)

المعاملات

‎$hue

صبغة اللون. يجب أن تكون بين 0 و 360 درجة.

‎$saturation

تشبُّع اللون. يجب أن يكون محصورًا بين ‎0%‎ و ‎100%.

‎$lightness 

إضاءة اللون. يجب أن تكون بين ‎0%‎ و ‎100%.

القيم المعادة

اللون الناتج.

الأخطاء والاستثناءات

سيُرمى الخطأ ArgumentError إن كانت المعاملات من النوع الخاطئ أو كان ‎$lightness و ‎$saturation خارج الحدود.

انظر أيضًا

  • الدالة hsla()‎: تُنشئ لونا انطلاقا من المركبات اللونية الثلاث والشفافية..

مصادر