اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <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> <h1>ویژگی background-clip</h1> <p>No background-clip (border-box پیش فرض است):</p> <div id="example1"> <h2>مولانا جلال الدین محمد بلخی</h2> <p>مولانا جلالالدین محمد بلخی مشهور به مولوی شاعر بزرگ قرن هفتم هجری قمری است. وی در سال ۶۰۴ هجری قمری در بلخ زاده شد.</p> </div> <p>background-clip: padding-box:</p> <div id="example2"> <h2>مولانا جلال الدین محمد بلخی</h2> <p>مولانا جلالالدین محمد بلخی مشهور به مولوی شاعر بزرگ قرن هفتم هجری قمری است. وی در سال ۶۰۴ هجری قمری در بلخ زاده شد.</p> </div> <p>background-clip: content-box:</p> <div id="example3"> <h2>مولانا جلال الدین محمد بلخی</h2> <p>مولانا جلالالدین محمد بلخی مشهور به مولوی شاعر بزرگ قرن هفتم هجری قمری است. وی در سال ۶۰۴ هجری قمری در بلخ زاده شد.</p> </div> </body> </html>
