aspect-ratio hossasy

aspect-ratio hossasy, esasy elementlere emeli we grid ulgamlary üçin çylşyrym oky boýunça elementleriň hizalanmagyny kesgitleýär. Ene elemente goşulýar.

Sintaksis

selektor {
	aspect-ratio: auto ýa-da gatnaşyk;
}

Bahalar

Baha	Düşündiriş
`auto`	Elementiň islegli aspekt gatnaşygy ýok we brauzer ony awtomatik kesgitleýär, elementiň ini we beýikligi esasynda.
`gatnaşyk`	Gatnaşyk `16/9` görnüşinde ýazylýar, bu ýerde birinji san ini, ikinji san - beýikligi aňladýar. Eger haýsydyr bir baha görkezilmese, ol `1` deň hasaplanylýar. Şeýle hem käbir gatnaşyklary bir san bilen ýazmak mümkin. Mysal üçin, `2/1` ýaly ýazyp bolýar `0.5`, bu birmeňzeş netije berer.
`auto && gatnaşyk`	Eger aspekt gatnaşygy `auto` açar sözi bilen bilelikde gelýän bolsa (mysal: `auto` `1/2`), onda görkezilen gatnaşyk saýlanylar, ýöne öz aspekt gatnaşygyna eýe bolan çalşylýan elementler üçin (surat we wideo ýaly) diňe özüniňki ulanylýar.

Mysal

Düwmäniň aspekt gatnaşygyny awtomatik kesgitleýäris:

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

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

Mysal

Indi düwmäniň aspekt gatnaşygyny 1/2 kesgitleýäris:

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

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

Şeýle hem serediň

object-fit hossasy,
elementleri masştablaýar