• 0

ما هي الحدود الجديدة التي تمت إضافتها على تقنيّة "Borders" في "CSS3"؟ وكيف يتم إستخدامها؟

ما هي الحدود الجديدة التي تمت إضافتها على تقنيّة "Borders" في "CSS3"؟ وكيف يتم إستخدامها؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

تتيح CSS3 إنشاء الحدود ذات الزوايا غير القائمة Round Corner Borders بسهولة و يسر و دون الحاجة لاستخدام أي من برامج التصميم كبرنامج Gimp التي طالما استخدمت لتحقيق هذه المهمة عبر خاصية جديدة هي border-radius و ذلك بإسناد قيمة إليها بإحدى واحدات القياس ،
تعبر القيمة المسندة عن نصف قطر قوس الدائرة المقتطع كزاوية للإطار و ذلك كالمثال التالي:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
  <head> 
    <style type="text/css">  
      div 
      { 
        border:2px solid #a1f1a1; 
        padding:10px 40px;  
        background:#dddddd; 
        width:300px; 
        border-radius:25px; 
       
     } 
    </style> 
  </head> 
  <body>

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن