فنون نمایش تصاویر
برای نمایش تصاویر در صفحه میتوانید از کلاس های زیر استفاده کنید.
تصاویر ریسپانسیو یا واکنش گرا
اندازه تصویر بر اساس تغییر اندازه، تغییر خواهد کرد.
LTR
![](/images/WidgetNasBanner.png)
RTL
![](/images/WidgetNasBanner.png)
<img class="fluid" src="..."/>
تصاویر بند انگشتی
برای نمایش تصاویر به صورت بندانگشتی میتوانید از کلاس های زیر سود بجویید.
LTR
![](/images/tools128.png)
![](/images/tools128.png)
![](/images/tools128.png)
![](/images/tools128.png)
RTL
![](/images/tools128.png)
![](/images/tools128.png)
![](/images/tools128.png)
![](/images/tools128.png)
<img class="thumbnail primary outline" src="..."/>
LTR
![](/images/tools128.png)
![](/images/tools128.png)
![](/images/tools128.png)
RTL
![](/images/tools128.png)
![](/images/tools128.png)
![](/images/tools128.png)
<img class="thumbnail round xxl" src="..."/>
<img class="thumbnail circle" src="..."/>
<a>
<img class="thumbnail primary" src="..."/>
<img class="thumbnail primary disabled" src="..."/>
<a/>
موقعیت
برای جابجایی تصویر در سمت خاص، میتوانید از کلاسهای زیر استفاده کنید.
LTR
![](/images/tools128.png)
RTL
![](/images/tools128.png)
<img class="start" src="..."/>
LTR
![](/images/tools128.png)
RTL
![](/images/tools128.png)
<img class="left" src="..."/>
LTR
![](/images/tools128.png)
RTL
![](/images/tools128.png)
<img class="end" src="..."/>
LTR
![](/images/tools128.png)
RTL
![](/images/tools128.png)
<img class="right" src="..."/>
LTR
![](/images/tools128.png)
RTL
![](/images/tools128.png)
<img class="center" src="..."/>
برخی از مرورگر ها از خصوصیت float: inline-start و inline-end پشتیبانی نمیکنند.