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

عبد الرحيم · 2 أكتوبر 2015

عزيز · 2 أكتوبر 2015

تتيح 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>

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

السؤال

عبد الرحيم

رابط هذا التعليق

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

1 جواب على هذا السؤال

Recommended Posts

عزيز

رابط هذا التعليق

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

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية