اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> .image-container { width: 200px; height: 300px; border: 1px solid black; } .image-container img { width: 100%; height: 100%; object-fit: cover; object-position: 80% 100%; } </style> </head> <body> <h2>استفاده از ویژگی object-position</h2> <p>در اینجا ما از ویژگی object-position برای موقعیت دهی به تصویر استفاده می کنیم، به طوری که ساختمان بزرگ در وسط قرار گیرد. </p> <div class="image-container"> <img src="other/paris.jpg" alt="Paris" width="400" height="300"> </div> <p>تصویر اصلی:</p> <img src="other/paris.jpg" alt="Paris" width="400" height="300"> </body> </html>
