الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> div { width: 200px; padding: 20px; margin-bottom: 20px; border: 5px solid gray; background: lightblue; } .border-box { box-sizing: border-box; } </style> </head> <body> <h2>Content Box vs Border Box</h2> <p>In "content-box" mode padding is not calculated as part of width.</p> <div> Total width is 250px </div> <p>In "border-box" mode padding is calculated as part of width.</p> <div class="border-box"> Total width is 200px </div> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود