الفرق بين المراجعتين ل"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()‎: تُدرج الدالة سلسلةً نصيةً داخل أخرى.

مصادر