حاشیه تصویری
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> #borderimg { border: 10px solid transparent; padding: 15px; -webkit-border-image: url(http://cp.webmehraz.com//Files/Tutorial/10224/border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(http://cp.webmehraz.com//Files/Tutorial/10224/border.png) 30 round; /* Opera 11-12.1 */ border-image: url(http://cp.webmehraz.com//Files/Tutorial/10224/border.png) 30 round; } </style> </head> <body dir="rtl"> <p>صفت border-image یک تصویر برای استفاده به عنوان حاشیه یک عنصر را مشخص می کند :</p> <p id="borderimg">در این مورد قسمت میانی تصویر تکرار شده است تا حاشیه ایجاد شود.</p> <p>این هم تصویر اصلی:</p><img src="http://cp.webmehraz.com//Files/Tutorial/10224/border.png"> <p><strong>نکته :</strong> Internet Explorer 10 و ورژن های قبل از آن از این صفت پیشتبانی نمی کنند.</p> </body> </html>