CSS Outline Offset
الفارق بين outline و border في لغة CSS
ستتعلم في هذا الدرس عمل مساحات داخلية بين outline وبين border داخل حدود العنصر والتحكم في حجم هذة المساحات في لغة CSS.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Outline Offset
الفارق بين outline و border في لغة CSS
</>
CSS Outline Offset
الفارق بين outline و border في لغة CSS
تُستخدم خاصية outline-offset في إضافة مساحات فارغة بين outline وبين border لأي عنصر والمساحات التي بين outline وبين border شفافة.
قيم خاصية outline-offset في لغة CSS:
- length وهي تحديد المساحة بوحدات [px-em-rem-cm-%] والقيمة الأفتراضية هي 0.
outline-offset syntax
طريقة كتابة خاصية outline-offset في لغة CSS.
outline-offset:value;
outline-offset values
قيم خاصية outline-offset في لغة CSS.
outline-offset:length|initial|inherit;
</>
CSS outline offset property
خاصية outline-offset في لغة CSS
CSS outline offset
خاصية outline-offset في لغة CSS
Result
يظهر الكود بهذا الشكل على المتصفح
CSS outline offset
خاصية outline-offset في لغة CSS
p
{
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
</>
CSS outline transparent offset
خاصية outline-offset تخلق مساحات شفافة في لغة CSS
المساحةبين outline وبين border هي مساحة شفافة ولا يمكن تغيير لونها في لغة CSS إلا في حالة واحده وهي أن يكون للعنصر الأب parent لون فسوف يكون لها نفس لون الأب.
CSS outline transparent offset
p
{
background:yellow;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
مهم
Cascading Style Sheets
صفحات الأنماط الانسيابية
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
