الفرق بين المراجعتين ل"Sass/ie hex str"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>ie_hex_str()</code> في Sass}}</noinclude> تقوم الدالة <code>()ie_hex_str</code> بالتعديل السائ...') |
|||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>ie_hex_str()</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>ie_hex_str()</code> في Sass}}</noinclude> | ||
− | + | تحوّل الدالة <code>()ie_hex_str</code> اللون إلى صيغة تفهمها الخاصيات IE filters. | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== البنية العامة == | == البنية العامة == | ||
<syntaxhighlight lang="sass"> | <syntaxhighlight lang="sass"> | ||
− | + | #ie_hex_str($color) | |
</syntaxhighlight> | </syntaxhighlight> | ||
سطر 17: | سطر 11: | ||
=== <code>$color</code> === | === <code>$color</code> === | ||
اللون المراد تعديله. | اللون المراد تعديله. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== القيم المعادة == | == القيم المعادة == | ||
− | + | سلسة نصية مُوضّبة تناسب المتصفح IE. | |
== الأخطاء والاستثناءات == | == الأخطاء والاستثناءات == | ||
− | سيُرمى الخطأ <code>ArgumentError</code> إذا | + | سيُرمى الخطأ <code>ArgumentError</code> إذا لم يكن <code>$color</code> لونًا. |
== أمثلة == | == أمثلة == | ||
− | مثال عن استخدام الدالة <code>''' | + | مثال عن استخدام الدالة <code>'''ie-hex-str'''()</code> لضبط قيمة اللون ([[CSS/color|color]]) ولون الخلفية ([[CSS/background-color|background-color]]):<syntaxhighlight lang="sass"> |
selector { | selector { | ||
− | background-color: | + | background-color: ie-hex-str(#abc) // #FFAABBCC |
− | color: | + | color: ie-hex-str(rgba(0, 255, 0, 0.5)) // #8000FF00 |
} | } | ||
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة [[CSS]] الآتية:<syntaxhighlight lang="css"> | </syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة [[CSS]] الآتية:<syntaxhighlight lang="css"> | ||
selector { | selector { | ||
− | background-color: | + | background-color: #FFAABBCC; |
− | color: | + | color: #8000FF00; |
} | } | ||
− | |||
</syntaxhighlight> | </syntaxhighlight> | ||
سطر 60: | سطر 35: | ||
* الدالة <code>[[Sass/adjust hue|adjust_hue()]]</code>: تغير قيمة الصبغة (hue). | * الدالة <code>[[Sass/adjust hue|adjust_hue()]]</code>: تغير قيمة الصبغة (hue). | ||
* الدالة <code>[[Sass/adjust color|adjust_color()]]</code>: تغير قيمة الصبغة (hue). | * الدالة <code>[[Sass/adjust color|adjust_color()]]</code>: تغير قيمة الصبغة (hue). | ||
− | |||
== مصادر == | == مصادر == | ||
− | * [https://sass-lang.com/documentation/Sass/Script/Functions.html# | + | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#ie_hex_str-instance_method قسم الدالة adjust_color في صفحة الدوال في توثيق Sass الرسمي.] |
[[تصنيف:Sass]] | [[تصنيف:Sass]] | ||
[[تصنيف: Sass Function]] | [[تصنيف: Sass Function]] |
مراجعة 18:48، 19 أبريل 2018
تحوّل الدالة ()ie_hex_str
اللون إلى صيغة تفهمها الخاصيات IE filters.
البنية العامة
#ie_hex_str($color)
المعاملات
$color
اللون المراد تعديله.
القيم المعادة
سلسة نصية مُوضّبة تناسب المتصفح IE.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError
إذا لم يكن $color
لونًا.
أمثلة
مثال عن استخدام الدالة ie-hex-str()
لضبط قيمة اللون (color) ولون الخلفية (background-color):
selector {
background-color: ie-hex-str(#abc) // #FFAABBCC
color: ie-hex-str(rgba(0, 255, 0, 0.5)) // #8000FF00
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
selector {
background-color: #FFAABBCC;
color: #8000FF00;
}
انظر أيضًا
- الدالة
adjust_hue()
: تغير قيمة الصبغة (hue). - الدالة
adjust_color()
: تغير قيمة الصبغة (hue).