حول الأمثلة الحدودية الرسومية التي تم تنفيذها من خلال CSS3 في HTML5

مثيل الحدود الرسومية CSS3 HTML5 ، كما يوحي الاسم ، الحدود الرسومية هي الحدود التي تسمح باستخدام الصور ككائنات.

فيما يلي المحتوى ذي الصلة حول مثال الحدود الرسومية التي تم تنفيذها من خلال CSS3 في HTML5. يتحدث البرنامج التعليمي بشكل أساسي عن بعض التقنيات والمعرفة المتعلقة بالحدود الرسومية لـ HTML5 CSS3. لمزيد من المحتوى ، نرحب بك لزيارة http://www.vevb.com للحصول على المزيد من البرامج التعليمية. ما يلي هو شرح البرنامج التعليمي:

كما يوحي الاسم ، فإن الحدود الرسومية هي حدود تسمح باستخدام الصور ككائنات. بناء الجملة كما يلي:

الحدود: 5px الصلبة #CCCCCCCC ؛

-webkit-border-emage: url (/emages/border-image.png) 5 كرر ؛

-Moz-Border-Image: url (/emages/border-image.png) 5 كرر ؛

صورة الحدود: url (/emages/border-image.png) 5 كرر ؛

هنا ، الحدود: 5 بكسل يضع عرض الحدود ، ثم يخبر تعريف الصورة لكل حدود المتصفح كم يتم استخدام جزء من الصورة للعمل كحدود. يمكن أيضًا ضبط صورة الحدود بشكل منفصل لكل حافة:

صورة الحدود اليمين

صورة الحدود

صورة الحدود-اليسار

صورة الحدود اليسارية

صورة الحدود اليسرى

صورة الحدود

صورة اليمين الحدودية

صورة اليمين الحدود

المتصفحات المدعومة: Firefox 3.1 ، Safari ، Chrome.

هذا كله يتعلق بالمقالة حول الأمثلة الحدودية الرسومية التي تم تنفيذها من خلال CSS3 في HTML5. مرحبًا بك في تصفح محتويات أخرى من هذا الموقع. انقر هنا للعودة إلى الصفحة الرئيسية