Vetia aspect-ratio

Vetia aspect-ratio përcakton radhitjen e elementeve përgjatë boshtit kryq për blloqet fleksibile dhe përgjatë boshtit horizontal për grid-et. Aplikohet në elementin prind.

Sintaksa

përzgjedhësi {
	aspect-ratio: auto ose raport;
}

Vlerat

Vlera	Përshkrimi
`auto`	Elementi nuk ka një raport të preferuar të pamjes dhe shfletuesi e vendos atë automatikisht, duke u nisur nga gjerësia dhe lartësia e elementit.
`raport`	Raporti shkruhet në formën `16/9`, këtu numri i parë është gjerësia, ndërsa numri i dytë është lartësia. Nëse një vlerë nuk është specifikuar, atëherë konsiderohet e barabartë me `1`. Gjithashtu disa raporte lejohen të shkruhen me një numër të vetëm. Për shembull, `2/1` mund të shkruhet si `0.5`, kjo do të japë rezultat të njëjtë.
`auto && raport`	Nëse raporti i pamjes shkon së bashku me fjalën kyçe `auto` (shembull: `auto` `1/2`), atëherë do të zgjidhet raporti i specifikuar, por për elementët e zëvendësueshëm (të tillë si imazhet dhe videot) me raportin e tyre të vet do të përdoret vetëm ai.

Shembull

Le të vendosim raportin automatik të pamjes për butonin:

<p>
	<button>Click</button>
</p>

button {
	aspect-ratio: auto;
	background-color: #9DDFA4;
	padding: 1em;
}

Shembull

Tani le të përcaktojmë raportin e pamjes për butonin si 1/2:

<p>
	<button>Click</button>
</p>

button {
	aspect-ratio: 1/2;
	background-color: #9DDFA4;
	padding: 1em;
}

Shihni gjithashtu

vetia object-fit,
e cila shkallëzon elementet