Version: 1.1
hypetech.pl
Układ treści

Wymiary

Klasy pozwalające określenie rozmiaru elementu.

height

Ustawianie wysokości elementu

Klasa Styl CSS
h-auto 
height: auto;
h-full 
height: 100%;
h-half 
height: 50%;
h-onethird 
height: 33.333333%;
h-twothird 
height: 66.666666%;
h-screen 
height: 100dvh;
h-min 
height: min-content;
h-max 
height: max-content;
h-fit 
height: fit-content;
h--<var> 
height: var(--<var>);
h-<dim> 
height: <dim>;

min-height

Ustawianie minimalnej wysokości elementu

Klasa Styl CSS
minh-full 
min-height: 100%;
minh-half 
min-height: 50%;
minh-onethird 
min-height: 33.333333%;
minh-twothird 
min-height: 66.666666%;
minh-screen 
min-height: 100dvh;
minh--<var> 
min-height: var(--<var>);
minh-<dim> 
min-height: <dim>;

max-height

Ustawianie maksymalnej wysokości elementu

Klasa Styl CSS
maxh-full 
max-height: 100%;
maxh-half 
max-height: 50%;
maxh-onethird 
max-height: 33.333333%;
maxh-twothird 
max-height: 66.666666%;
maxh-screen 
max-height: 100dvh;
maxh--<var> 
max-height: var(--<var>);
maxh-<dim> 
max-height: <dim>;

width

Ustawianie szerokości elementu

Klasa Styl CSS
w-auto 
width: auto;
w-full 
width: 100%;
w-half 
width: 50%;
w-onethird 
width: 33.333333%;
w-twothird 
width: 66.666666%;
w-screen 
width: 100dvw;
w-min 
width: min-content;
w-max 
width: max-content;
w-fit 
width: fit-content;
w-fill 
width: -webkit-fill-available;
width: -moz-available;
width: fill-available;
w--<var> 
width: var(--<var>);
w-<dim> 
width: <dim>;

min-width

Ustawianie minimalnej szerokości elementu

Klasa Styl CSS
minw-full 
min-width: 100%;
minw-half 
min-width: 50%;
minw-onethird 
min-width: 33.333333%;
minw-twothird 
min-width: 66.666666%;
minw-screen 
min-width: 100dvw;
minw--<var> 
min-width: var(--<var>);
minw-<dim> 
min-width: <dim>;

max-width

Ustawianie maksymalnej szerokości elementu

Klasa Styl CSS
maxw-full 
max-width: 100%;
maxw-half 
max-width: 50%;
maxw-onethird 
max-width: 33.333333%;
maxw-twothird 
max-width: 66.666666%;
maxw-screen 
max-width: 100dvw;
maxw--<var> 
max-width: var(--<var>);
maxw-<dim> 
max-width: <dim>;