CSS rasmlar
Bootstrap rasmlari
Yumaloq burchaklar:
Doira:
Eskiz (thumbnail):
<img> klasslari
Quyidagi klasslar yordamida istalgan rasmni bezash mumkin:
| Klass | Tavsif | Misol |
|---|---|---|
| .img-rounded | Rasmga yumaloq burchaklar qo‘shadi (IE8 da mavjud emas) | Sinab ko‘ring |
| .img-circle | Rasmni doira shakliga keltiradi (IE8 da mavjud emas) | Sinab ko‘ring |
| .img-thumbnail | Rasmni eskiz (thumbnail) ko‘rinishiga keltiradi | Sinab ko‘ring |
| .img-responsive | Rasmni moslashuvchan qiladi (ota elementga mos ravishda chiroyli masshtablanadi) | Sinab ko‘ring |
Moslashuvchan rasmlar
Moslashuvchan rasmlar yaratish uchun <img> tegiga .img-responsive klassini qo‘shing. Shunda rasm ota element o‘lchamiga chiroyli tarzda moslashadi.
.img-responsive klassi rasmga max-width: 100%, height: auto va display:block xususiyatlarini qo‘llaydi:
Misol
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!