CSS: img

.instui-img — Stilisearvuohta <img> mii leat display-, crop- ja effect-modifikáhttat miii stakkojit.

Efektat komponeraid goit geahččat --pantoken-img-filter-dohkkehaŋgá ovttasvuođa proppu, nu -with-grayscale ja -with-blur sáhttet čuovvut ovttas; -constrain-* crop-modifikáhttat bargget geatnegat dosii boksa size.

Source: img.css

Guhkkinjohka

Ovdalusa riikká alt teksta mii dehálaš dahkat bilda, ja beassat alt="" nugebarggalaš bildd'aide vuođđudit mat assistiivalaš teknologii skihtejuvvá.

Buktáhašvuohta

@import "@pantoken/components/components.css";
@import "@pantoken/components/img.css";

Exempla

<img class="instui-img" alt="Gradient">

Modifisuvnnat

Modifiserer	Deskripción
.-constrain-contain	Skála fit boksa (contain).
.-constrain-cover	Skála fill boksa (cover).
.-display-block	Vievda das blokkeelementa.
.-with-blur	Gulaha musihkkaeffekta (blur).
.-with-grayscale	Gulaha čáhppesvuohta efektta (grayscale).

Ovvun-propertijat

Property	Type	Default	Deskripción
--pantoken-img	—	—	filter <filter-value-list> | none — Komponeerdu CSS-filter obrazain; effekt-modifikáhttat ovdnege leat settaiguin, ja don sáhttet ožžot duoddaris filtera.

Tokenat gaskkalit

Token	Type	Vaššun
--instui-component-img-effect-transition-duration	<time>	1s
--instui-component-img-image-blur-amount	<length>	0.25em
--pantoken-img-filter	none | <filter-value-list> | <-ms-filter-function-list>	none