الفرق بين المراجعتين ل"Sass/join"
جميل-بيلوني (نقاش | مساهمات) ط (مراجعة الصفحة وتدقيقها.) |
|||
| سطر 2: | سطر 2: | ||
تجمع الدالة <code>join()</code> قائمتين في قائمة واحدة. | تجمع الدالة <code>join()</code> قائمتين في قائمة واحدة. | ||
| − | ما لم يُمرّر <code>$separator</code> | + | ما لم يُمرّر المعامل <code>$separator</code> وكانت عناصر إحدى القائمتين مفصولةً بفاصلة وعناصر الأخرى مفصولةً بمسافات، فسيُستخدم نوع فاصلة المعامل الأول في القائمة الناتجة. إن كانت كلا القائمتين تحتويان على أقل من عنصرين ، فستُستخدم المسافة لفصل عناصر القائمة الناتجة. |
| − | + | ما لم يُمرر المعامل <code>$bracketed</code>، فستوضع القائمة الناتجة بين قوسين مربعين شرط أن تكون القائمة الأولى <code>$list1</code> كذلك. | |
| + | |||
| + | تُعيد الدالة <code>join()</code> قائمةً جديدةً، مثل كل دوال القوائم، بدلًا من تعديل المعاملات موضعيًا. | ||
== البنية العامة == | == البنية العامة == | ||
| سطر 20: | سطر 22: | ||
=== <code>$separator</code> === | === <code>$separator</code> === | ||
| − | فاصل القائمة الذي سيُستخدم. | + | فاصل القائمة الذي سيُستخدم في فصل العناصر. يمكن أن تكون قيمته <code>comma</code> (أي استعمال الفاصلة لفصل العناصر) أو <code>space</code> (استعمال المسافة للفصل). أمَّا إن كانت قيمته <code>auto</code>، وهي القيمة الافتراضيَّة، فسيُحدّد الفاصل كما هو شُرح أعلاه. |
=== <code>$bracketed</code> === | === <code>$bracketed</code> === | ||
| − | + | يُحدِّد ما إذا كانت القائمة الناتجة ستوضع بين قوسين مربعين. إن كانت قيمته <code>auto</code>، القيمة الافتراضيَّة، فستُحدّد الأقواس كما هو شُرح أعلاه. | |
== القيم المعادة == | == القيم المعادة == | ||
| − | القائمة | + | تُعاد قائمة ناتجة عن جمع القائمة <code>$list1</code> والقائمة <code>$list2</code>. |
== أمثلة == | == أمثلة == | ||
| − | + | المثال 1:استخدام الدالة <code>join()</code> لضبط قيمة الحواشي (<code>[[CSS/padding|padding]]</code>) والخطوط (<code>[[CSS/font-family|font-family]]</code>).<syntaxhighlight lang="sass"> | |
.selector { | .selector { | ||
padding: join(10px 20px, 30px 40px); // 10px 20px 30px 40px | padding: join(10px 20px, 30px 40px); // 10px 20px 30px 40px | ||
| سطر 45: | سطر 47: | ||
* الدالة <code>[[Sass/append|append()]]</code>: تُضيف عنصرًا إلى قائمة. | * الدالة <code>[[Sass/append|append()]]</code>: تُضيف عنصرًا إلى قائمة. | ||
| − | * الدالة <code>[[Sass/zip|zip()]]</code>: تُضم مجموعة من القوائم في قائمة واحدة | + | * الدالة <code>[[Sass/zip|zip()]]</code>: تُضم مجموعة من القوائم في قائمة واحدة متعدِّدة الأبعاد. |
| + | * الدالة <code>[[Sass/is bracketed|is_bracketed()]]</code>: تتحقَّق ما إذا كانت القائمة تستخدم الأقواس المربعة أم لا. | ||
== مصادر == | == مصادر == | ||
مراجعة 11:27، 3 مايو 2018
تجمع الدالة join() قائمتين في قائمة واحدة.
ما لم يُمرّر المعامل $separator وكانت عناصر إحدى القائمتين مفصولةً بفاصلة وعناصر الأخرى مفصولةً بمسافات، فسيُستخدم نوع فاصلة المعامل الأول في القائمة الناتجة. إن كانت كلا القائمتين تحتويان على أقل من عنصرين ، فستُستخدم المسافة لفصل عناصر القائمة الناتجة.
ما لم يُمرر المعامل $bracketed، فستوضع القائمة الناتجة بين قوسين مربعين شرط أن تكون القائمة الأولى $list1 كذلك.
تُعيد الدالة join() قائمةً جديدةً، مثل كل دوال القوائم، بدلًا من تعديل المعاملات موضعيًا.
البنية العامة
join($list1, $list2, $separator: auto, $bracketed: auto)
المعاملات
$list1
القائمة الأولى.
$list2
القائمة الثانية.
$separator
فاصل القائمة الذي سيُستخدم في فصل العناصر. يمكن أن تكون قيمته comma (أي استعمال الفاصلة لفصل العناصر) أو space (استعمال المسافة للفصل). أمَّا إن كانت قيمته auto، وهي القيمة الافتراضيَّة، فسيُحدّد الفاصل كما هو شُرح أعلاه.
$bracketed
يُحدِّد ما إذا كانت القائمة الناتجة ستوضع بين قوسين مربعين. إن كانت قيمته auto، القيمة الافتراضيَّة، فستُحدّد الأقواس كما هو شُرح أعلاه.
القيم المعادة
تُعاد قائمة ناتجة عن جمع القائمة $list1 والقائمة $list2.
أمثلة
المثال 1:استخدام الدالة join() لضبط قيمة الحواشي (padding) والخطوط (font-family).
.selector {
padding: join(10px 20px, 30px 40px); // 10px 20px 30px 40px
font-family: join(("Times New Roman", Times), serif); // "Times New Roman", Times, serif;
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
padding: 10px 20px 30px 40px;
font-family: "Times New Roman", Times, serif;
}
انظر أيضًا
- الدالة
append(): تُضيف عنصرًا إلى قائمة.
- الدالة
zip(): تُضم مجموعة من القوائم في قائمة واحدة متعدِّدة الأبعاد. - الدالة
is_bracketed(): تتحقَّق ما إذا كانت القائمة تستخدم الأقواس المربعة أم لا.