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
cssselektor {
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:
html<p>
<button>Click</button>
</p>cssbutton {
aspect-ratio: auto;
background-color: #9DDFA4;
padding: 1em;
}
Результат:
Mysal
Indi düwmäniň aspekt gatnaşygyny
1/2 kesgitleýäris:
html<p>
<button>Click</button>
</p>cssbutton {
aspect-ratio: 1/2;
background-color: #9DDFA4;
padding: 1em;
}
Результат:
Şeýle hem serediň
-
object-fithossasy,
elementleri masştablaýar