PNLdev
آموزش
فرانت اند
HTML
آموزش
مرجع
CSS
آموزش
مرجع
JS
آموزش
Jqery
آموزش
بک اند
PHP
آموزش
MySql
آموزش
Python
آموزش
js
آموزش
اندروید
Python
آموزش
++C
آموزش
C
آموزش
ویندوز
Python
آموزش
++C
آموزش
#C
آموزش
الکترونیک
C
آموزش
++C
آموزش
Python
آموزش
امنیت
Linux
آموزش
Python
آموزش
هوش مصنوعی
Python
آموزش
NumPy
آموزش
Pandas
آموزش
مسیریابی
شروع طراحی سایت
شروع یادگیری برنامه نویسی اندروید
شروع یادگیری برنامه نویسی ویندوز
یادگیری هوش مصنوعی
الکترونیک
امنیت
فا
English
فارسی
فا
English
فارسی
آموزش
مسیریابی
فرانت اند
HTML
آموزش
مرجع
CSS
آموزش
مرجع
JS
آموزش
Jqery
آموزش
بک اند
PHP
آموزش
MySql
آموزش
Python
آموزش
js
آموزش
اندروید
Python
آموزش
++C
آموزش
C
آموزش
ویندوز
Python
آموزش
++C
آموزش
#C
آموزش
الکترونیک
C
آموزش
++C
آموزش
Python
آموزش
امنیت
Linux
آموزش
Python
آموزش
هوش مصنوعی
Python
آموزش
NumPy
آموزش
Pandas
آموزش
شروع طراحی سایت
شروع یادگیری برنامه نویسی اندروید
شروع یادگیری برنامه نویسی ویندوز
یادگیری هوش مصنوعی
الکترونیک
امنیت
اجرا
<!DOCTYPE html> <html> <head> <style> #example1 { border: 15px solid green; padding: 20px; background: lightblue; background-clip: border-box; } #example2 { border: 15px inset white; padding: 20px; background: lightblue; background-clip: padding-box; } #example3 { border: 15px outset blue; padding: 20px; background: lightblue; background-clip: content-box; } </style> </head> <body> <h2>background-clip property example</h2> <p>The corresponding property determines how far the background image should be extended.</p> <p>background-clip: border-box (this is default):</p> <div id="example1"> <p>The background extends behind the border.</p> </div> <p>background-clip: padding-box:</p> <div id="example2"> <p>The background extends to the inside edge of the border.</p> </div> <p>background-clip: content-box:</p> <div id="example3"> <p>The background extends to the edge of the content box.</p> </div> </body> </html>