الفرق بين المراجعتين لصفحة: «Sass/str slice»

من موسوعة حسوب
لا ملخص تعديل
لا ملخص تعديل
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE: الدالة <code>()str_slice</code> في Sass}}</noinclude>
<noinclude>{{DISPLAYTITLE: الدالة <code>()str_slice</code> في Sass}}</noinclude>
تستخرج الدالة <code>str_slice'''()‎'''</code> '''سلسلةً نصيةً من <code>‎$string</code>'''، ستبدأ السلسلة المُستخرجة من المؤشر رقم <code>‎$start-at</code>وتنتهي عند <code>'''‎$end-at.'''</code>
تستخرج الدالة <code>str_slice()‎</code> سلسلةً نصيةً من <code>‎$string</code>، ستبدأ السلسلة المُستخرجة من المؤشر رقم <code>‎$start-at</code>وتنتهي عند <code>‎$end-at.</code> لاحظ أنه على عكس بعض اللغات، فإنّ رقم الحرف الأول في لغة [[Sass]] هو 1، والثاني رقمه 2، وهكذا.
 
لاحظ أنه على عكس بعض اللغات، فإنّ رقم الحرف الأول في لغة [[Sass]] هو 1، والثاني رقمه 2، وهكذا.
== البنية العامة ==
== البنية العامة ==
<syntaxhighlight lang="sass">
<syntaxhighlight lang="sass">
سطر 10: سطر 8:
== المعاملات ==
== المعاملات ==


=== <code>‎$string </code> ===
=== <code>‎$string</code>  ===
سلسلة نصّية.
سلسلة نصّية.


سطر 26: سطر 24:


== أمثلة ==
== أمثلة ==
مثال عن استخدام الدالة <code>str-slice()‎</code>  لضبط قيمة لون الخلفية ([[CSS/background-color|background-color]]):<syntaxhighlight lang="sass">
مثال عن استخدام الدالة <code>str-slice()‎</code>  لضبط قيمة الخاصية <code>[[CSS/content|content]]</code> مع العنصر الزائف ‎<code>[[CSS/::before|::before]]</code>:<syntaxhighlight lang="sass">
selector {
.selector::before {
   background-color: str-slice("aredb", 2, 4) // red
   content: str-slice("a'b", 2, 2) // "'"
}
}
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css">
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css">
selector {
.selector::before {
   background-color: red;  
   content: "'";
}
}
</syntaxhighlight>
</syntaxhighlight>


== انظر أيضًا ==
== انظر أيضًا ==
* الدالة <code>[[Sass/str index|'''str_index'''()]]</code>‎: تُدرج سلسة نصية في أخرى.
* الدالة <code>[[Sass/str index|str_index()]]</code>‎: تُدرج سلسة نصية في أخرى.


* الدالة <code>[[Sass/str-length|str-length()]]</code>‎: تُعيد عدد احرف سلسلةنصية.
* الدالة <code>[[Sass/str-length|str-length()]]</code>‎: تُعيد عدد احرف سلسلةنصية.
سطر 43: سطر 43:


== مصادر ==
== مصادر ==
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#str_slice-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#str_slice-instance_method قسم الدالة str_slice في صفحة الدوال في توثيق Sass الرسمي.]
[[تصنيف:Sass]]
[[تصنيف:Sass]]
[[تصنيف: Sass Function]]
[[تصنيف: Sass Function]]

مراجعة 11:07، 21 أبريل 2018

تستخرج الدالة str_slice()‎ سلسلةً نصيةً من ‎$string، ستبدأ السلسلة المُستخرجة من المؤشر رقم ‎$start-atوتنتهي عند ‎$end-at. لاحظ أنه على عكس بعض اللغات، فإنّ رقم الحرف الأول في لغة Sass هو 1، والثاني رقمه 2، وهكذا.

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

str_slice($string, $start-at, $end-at: -1)

المعاملات

‎$string 

سلسلة نصّية.

‎$start-at

مؤشر الحرف الأول من السلسلة الفرعية. إذا كان هذا سلبيًا ، يتم حسابه من نهاية ‎‎$string.

‎$end-at

مؤشر الحرف الأخير من السلسلة الفرعية. إذا كان هذا سلبيًا ، يتم حسابه من نهاية ‎‎$string. قيمته الافتراضية هي ‎.-1

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

السلسلة النصية الناتجة ستكون مُقتبسة إذا وفقط إذا كانت ‎‎$string مُقتبسة.

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

سيُرمى الخطأ ArgumentError إن كان أيّ من المعاملات من النوع الخطأ.

أمثلة

مثال عن استخدام الدالة str-slice()‎  لضبط قيمة الخاصية content مع العنصر الزائف ‎::before:

.selector::before {
  content: str-slice("a'b", 2, 2) // "'"
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector::before {
  content: "'";
}

انظر أيضًا

  • الدالة str_index()‎: تُدرج سلسة نصية في أخرى.
  • الدالة str-length()‎: تُعيد عدد احرف سلسلةنصية.
  • الدالة str_insert()‎: تُدرج الدالة سلسلةً نصيةً داخل أخرى.

مصادر