.leading-none - line-height: 1;
.leading-tight - line-height: 1.25;
.leading-snug - line-height: 1.375;
.leading-normal - line-height: 1.5;
.leading-relaxed - line-height: 1.625;
.leading-loose - line-height: 2;
h-0 height: 0px;
h-px height: 1px;
h-0.5 height: 0.125rem; /* 2px */
h-1 height: 0.25rem; /* 4px */
h-1.5 height: 0.375rem; /* 6px */
h-2 height: 0.5rem; /* 8px */
h-2.5 height: 0.625rem; /* 10px */
h-3 height: 0.75rem; /* 12px */
h-3.5 height: 0.875rem; /* 14px */
h-4 height: 1rem; /* 16px */
h-5 height: 1.25rem; /* 20px */
h-6 height: 1.5rem; /* 24px */
h-7 height: 1.75rem; /* 28px */
h-8 height: 2rem; /* 32px */
h-9 height: 2.25rem; /* 36px */
h-10 height: 2.5rem; /* 40px */
h-11 height: 2.75rem; /* 44px */
h-12 height: 3rem; /* 48px */
h-14 height: 3.5rem; /* 56px */
h-16 height: 4rem; /* 64px */
h-20 height: 5rem; /* 80px */
h-24 height: 6rem; /* 96px */
h-28 height: 7rem; /* 112px */
h-32 height: 8rem; /* 128px */
h-36 height: 9rem; /* 144px */
h-40 height: 10rem; /* 160px */
h-44 height: 11rem; /* 176px */
h-48 height: 12rem; /* 192px */
h-52 height: 13rem; /* 208px */
h-56 height: 14rem; /* 224px */
h-60 height: 15rem; /* 240px */
h-64 height: 16rem; /* 256px */
h-72 height: 18rem; /* 288px */
h-80 height: 20rem; /* 320px */
h-96 height: 24rem; /* 384px */
h-auto height: auto;
h-1/2 height: 50%;
h-1/3 height: 33.333333%;
h-2/3 height: 66.666667%;
h-1/4 height: 25%;
h-2/4 height: 50%;
h-3/4 height: 75%;
h-1/5 height: 20%;
h-2/5 height: 40%;
h-3/5 height: 60%;
h-4/5 height: 80%;
h-1/6 height: 16.666667%;
h-2/6 height: 33.333333%;
h-3/6 height: 50%;
h-4/6 height: 66.666667%;
h-5/6 height: 83.333333%;
h-full height: 100%;
h-screen height: 100vh;
h-min height: min-content;
h-max height: max-content;
h-fit height: fit-content;
leading-3 line-height: .75rem; /* 12px */
leading-4 line-height: 1rem; /* 16px */
leading-5 line-height: 1.25rem; /* 20px */
leading-6 line-height: 1.5rem; /* 24px */
leading-7 line-height: 1.75rem; /* 28px */
leading-8 line-height: 2rem; /* 32px */
leading-9 line-height: 2.25rem; /* 36px */
leading-10 line-height: 2.5rem; /* 40px */
leading-none line-height: 1;
leading-tight line-height: 1.25;
leading-snug line-height: 1.375;
leading-normal line-height: 1.5;
leading-relaxed line-height: 1.625;
leading-loose line-height: 2;
<div>
<div class="h-8 ..."></div>
<div class="h-12 ..."></div>
<div class="h-16 ..."></div>
<div class="h-24 ..."></div>
</div>
<!--
h-10 height: 2.5rem;
h-11 height: 2.75rem;
h-12 height: 3rem;
h-14 height: 3.5rem;
h-16 height: 4rem;
h-20 height: 5rem;
h-24 height: 6rem;
h-28 height: 7rem;
h-32 height: 8rem;
h-36 height: 9rem;
-->
Code Example |
---|
Css :: list in html css |
Css :: css how to make text italic |
Css :: css background gradient |
Css :: @container |
Css :: css select text inside div |
Css :: jest afterAll |
Css :: font stack css |
Css :: remove horizontal scroll in small devices css |
Css :: nuxt page transition |
Css :: elementor ccs code for gradient |
Css :: ckeditor push text in front of cursor |
Css :: css grid container |
Css :: text shadow css |
Css :: css overflow |
Css :: neomorphic box |
Css :: background css |
Css :: css hover rounded corners |
Css :: CSS 3D Transforms |
Css :: Css gradient animations |
Css :: nativescript hr |
Css :: how to remove the body margin from navbar in css |
Css :: what is the animation property in html and css |
Css :: calculate using n nth-child |
Css :: css orientations |
Css :: css reset code |
Css :: absolute positioning css |
Css :: box sizing css |
Css :: change option tag css |
Css :: boostarp grid npm css react |
Css :: css play button on image |