الفرق بين المراجعتين ل"Sass/join"
جميل-بيلوني (نقاش | مساهمات) ط |
ط (استبدال النص - 'توثيق Sass الرسمي.]' ب'توثيق Sass الرسمي].') |
||
(مراجعتان متوسطتان بواسطة نفس المستخدم غير معروضتين) | |||
سطر 39: | سطر 39: | ||
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | </syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | ||
.selector { | .selector { | ||
− | + | padding: 10px 20px 30px 40px; | |
− | + | font-family: "Times New Roman", Times, serif; } | |
− | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
سطر 50: | سطر 49: | ||
== مصادر == | == مصادر == | ||
− | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#join-instance_method قسم الدالة join في صفحة الدوال في توثيق Sass الرسمي. | + | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#join-instance_method قسم الدالة join في صفحة الدوال في توثيق Sass الرسمي]. |
− | [[تصنيف:Sass]] | + | [[تصنيف:Sass|{{SUBPAGENAME}}]] |
− | [[تصنيف: Sass Function]] | + | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 07:01، 20 مايو 2018
تجمع الدالة join()
قائمتين في قائمة واحدة.
ما لم يُمرّر المعامل $separator
وكانت عناصر إحدى القائمتين مفصولةً بفاصلة وعناصر الأخرى مفصولةً بمسافات، فسيُستخدم نوع فاصلة المعامل الأول في القائمة الناتجة. إن كانت كلا القائمتين تحتويان على أقل من عنصرين ، فستُستخدم المسافة لفصل عناصر القائمة الناتجة.
ما لم يُمرر المعامل $bracketed
، فستوضع القائمة الناتجة بين قوسين مربعين شرط أن تكون القائمة الأولى $list1
كذلك.
تُعيد الدالة join()
قائمةً جديدةً، مثل كل دوال القوائم، بدلًا من تعديل المعاملات موضعيًا.
البنية العامة
join($list1, $list2, $separator: auto, $bracketed: auto)
المعاملات
$list1
القائمة الأولى.
$list2
القائمة الثانية.
$separator
فاصل القائمة الذي سيُستخدم في فصل العناصر. يمكن أن تكون قيمته comma
(أي استعمال الفاصلة لفصل العناصر) أو space
(استعمال المسافة للفصل). أمَّا إن كانت قيمته auto
، وهي القيمة الافتراضيَّة، فسيُحدّد الفاصل كما هو شُرح أعلاه.
$bracketed
يُحدِّد ما إذا كانت القائمة الناتجة ستوضع بين قوسين مربعين. إن كانت قيمته auto
، القيمة الافتراضيَّة، فستُحدّد الأقواس كما هو شُرح أعلاه.
القيم المعادة
تُعاد قائمة ناتجة عن جمع القائمة $list1
والقائمة $list2
.
أمثلة
مثال عن استخدام الدالة 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()
: تُضيف عنصرًا إلى قائمة. - الدالة
is_bracketed()
: تتحقَّق ما إذا كانت القائمة تستخدم الأقواس المربعة أم لا. - الدالة
zip()
: تُضم مجموعة من القوائم في قائمة واحدة متعدِّدة الأبعاد.