صفت background-clip
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> #example1 { border: 10px dotted black; padding:35px; background: yellow; } #example2 { border: 10px dotted black; padding:35px; background: yellow; background-clip: padding-box; } #example3 { border: 10px dotted black; padding:35px; background: yellow; background-clip: content-box; } </style> </head> <body> <p> background-clip (border-box) :</p> <div id="example1" dir="rtl"> <h2>یک تیتر تست</h2> <p>این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.</p> </div> <p>background-clip: padding-box :</p> <div id="example2" dir="rtl"> <h2>یک تیتر تست</h2> <p>این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.</p> </div> <p>background-clip: content-box :</p> <div id="example3" dir="rtl"> <h2>یک تیتر تست</h2> <p>این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.این یک متن ساختگی برای مشاهده نتیجه کد ها می باشد.</p> </div> </body> </html>