مدل جعبه ای
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> div { background-color: lightgrey; width: 300px; border: 25px solid green; padding: 25px; margin: 25px; } h2,p,div {direction:rtl;} </style> </head> <body> <h2>نمایش مدل جعبه ای</h2> <p>مدل جعبه ای در CSS در اصل جعبه ای است که به دور تمام عناصر HTML می پیچد و شامل margin ، border ، padding و خود محتوا می باشد. </p> <div>این متن ، محتوای اصلی باکس است. برای این باکس 25 پیکسل padding ، 25 پیکسل margin و 25 پیکسل خط حاشیه سبز رنگ تنظیم کرده ایم.</div> </body> </html>