ما هي أهم الخصائص والدوال الخاصة بتحديد أشكال الأطر في لغة البرمجة CSS

اقرأ في هذا المقال


 أهم الدوال الخاصة بتحديد أشكال الأطر في لغة البرمجة CSS

هناك العديد من الدوال الخاصة بتحديد أشكال الأُطر في لغة البرمجة (CSS)، والتي تسهل تنفيذ العديد من المهام التي يحتاجها المستخدم أثناء كتابة الكود البرمجي، وفيما يلي قائمة بأهم هذه الدوال:

الدالةالاستخدام
border

الخاصية (border) في لغة البرمجة (CSS) تستخدم في تحديد قيم الخاصيات التي تتحكم بإطار العنصر وهي: (border color) و (border style) و (border width)، وفي حال وجود أي قيمة غير محددة سيتم إعادة ضبطها إلى قيمتها الابتدائية.

border bottom

الخاصية (border bottom) في لغة (CSS) هي عبارة عن خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات التالية:

( border- bottom -color) و (border-bottom- style)، وكما أن هذه الخاصيات تصف كيفية عرض الإطار السفلي للعنصر.

border bottom color

تُحدِّد هذه الخاصية لون الإطار السفلي الخاص بالعنصر.

border bottom style

تُحدِّد هذه الخاصية شكل خط الإطار السفلي الخاص بالعنصر.

border bottom width

تقوم هذه الدالة بضبط عرض الإطار السفلي للعنصر.

border color

تقوم هذه الدالة بضبط لون إطار العنصر على جميع الاتجاهات: العلوي (border- top- color)، والجهة اليمنى (border- right- color)، والجهة السفلية (border- bottom – color)، والجهة اليسرى (border- left- color).

border image

تسمح هذه الخاصية برسم صورة على إطار العنصر.

border image outset

تستخدم هذه الدالة لتحديد كم ستمتد صورة الإطار بعد الحافة الخارجية للإطار.

border image repeat

تقوم هذه الدالة بتعريف كيفية عرض الجزء الأوسط من صورة الإطار لكي تطابق أبعاد الإطار، ويمكن استخدام قيمة واحدة، أو يمكن تحديد قيمتين لضبط الحواف الأفقية والرأسية.

border image slice

تقوم هذه الدالة بتقسيم الصورة المحدَّدة إلى تسع مناطق: الأركان الأربعة، والحواف الأربع، والوسط.

border image width

تقوم هذه الدالة بتعريف عرض صورة الإطار بتحديد بعدها عن حافة الإطار الخارجية.

border left

الخاصية (border-left) في لغة البرمجة (CSS) هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات (border-left-color) و (border-left-style)، (border-left-width)، حيث أن هذه الخاصيات تصف كيفية عرض الإطار الأيسر للعنصر.

border left color

تقوم هذه الدالة بتحديد لون الإطار الأيسر الخاص بالعنصر.

border left style

تقوم هذه الدالة بتحديد شكل خط الإطار الأيسر الخاص بالعنصر.

border left width

تقوم هذه الدالة بضبط عرض الإطار الأيسر للعنصر.

border right

 iهي عبارة عن خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات التالية: (border-right-color)، (border- right- style)، (border -right- width).

border right color

تقوم هذه الدالة بتحديد لون الإطار الأيمن الخاص بالعنصر.

المصدر: CSS Basic PropertiesCSS Basic Properties!CSS Properties


شارك المقالة: