თვისება aspect-ratio

თვისება aspect-ratio ადგენს ელემენტების გასწორებას განივი ღერძის გასწვრივ flex ბლოკებისთვის და ჰორიზონტალური ღერძის გასწვრივ ღრიდებისთვის. ეხება მშობელ ელემენტს.

სინტაქსი

cssსელექტორი {
  aspect-ratio: auto ან შეფარდება;
}

მნიშვნელობები

მაგალითი

მოდით, ღილაკისთვის დავაყენოთ ავტომატური ასპექტის შეფარდება:

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

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

Результат:

მაგალითი

ახლა კი მოდით ღილაკისთვის დავაყენოთ ასპექტის შეფარდება როგორც 1/2:

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

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

Результат:

იხილეთ აგრეთვე