Height

Set the height for an element.

Widely available

This feature is well established and works across many devices and browser versions.

Chrome
Edge
Firefox
Safari

h-0
height: 0;
h-1
height: .25rem;
h-2
height: .5rem;
h-3
height: .75rem;
h-4
height: 1rem;
h-5
height: 1.25rem;
h-6
height: 1.5rem;
h-7
height: 1.75rem;
h-8
height: 2rem;
h-9
height: 2.25rem;
h-10
height: 2.5rem;
h-11
height: 2.75rem;
h-12
height: 3rem;
h-13
height: 3.25rem;
h-14
height: 3.5rem;
h-15
height: 3.75rem;
h-16
height: 4rem;
h-17
height: 4.25rem;
h-18
height: 4.5rem;
h-19
height: 4.75rem;
h-20
height: 5rem;
h-21
height: 5.25rem;
h-22
height: 5.5rem;
h-23
height: 5.75rem;
h-24
height: 6rem;
h-25
height: 6.25rem;
h-26
height: 6.5rem;
h-27
height: 6.75rem;
h-28
height: 7rem;
h-29
height: 7.25rem;
h-30
height: 7.5rem;
h-31
height: 7.75rem;
h-32
height: 8rem;
h-33
height: 8.25rem;
h-34
height: 8.5rem;
h-35
height: 8.75rem;
h-36
height: 9rem;
h-37
height: 9.25rem;
h-38
height: 9.5rem;
h-39
height: 9.75rem;
h-40
height: 10rem;
h-41
height: 10.25rem;
h-42
height: 10.5rem;
h-43
height: 10.75rem;
h-44
height: 11rem;
h-45
height: 11.25rem;
h-46
height: 11.5rem;
h-47
height: 11.75rem;
h-48
height: 12rem;
h-49
height: 12.25rem;
h-50
height: 12.5rem;
h-51
height: 12.75rem;
h-52
height: 13rem;
h-53
height: 13.25rem;
h-54
height: 13.5rem;
h-55
height: 13.75rem;
h-56
height: 14rem;
h-57
height: 14.25rem;
h-58
height: 14.5rem;
h-59
height: 14.75rem;
h-60
height: 15rem;
h-61
height: 15.25rem;
h-62
height: 15.5rem;
h-63
height: 15.75rem;
h-64
height: 16rem;
h-65
height: 16.25rem;
h-66
height: 16.5rem;
h-67
height: 16.75rem;
h-68
height: 17rem;
h-69
height: 17.25rem;
h-70
height: 17.5rem;
h-71
height: 17.75rem;
h-72
height: 18rem;
h-73
height: 18.25rem;
h-74
height: 18.5rem;
h-75
height: 18.75rem;
h-76
height: 19rem;
h-77
height: 19.25rem;
h-78
height: 19.5rem;
h-79
height: 19.75rem;
h-80
height: 20rem;
h-81
height: 20.25rem;
h-82
height: 20.5rem;
h-83
height: 20.75rem;
h-84
height: 21rem;
h-85
height: 21.25rem;
h-86
height: 21.5rem;
h-87
height: 21.75rem;
h-88
height: 22rem;
h-89
height: 22.25rem;
h-90
height: 22.5rem;
h-91
height: 22.75rem;
h-92
height: 23rem;
h-93
height: 23.25rem;
h-94
height: 23.5rem;
h-95
height: 23.75rem;
h-96
height: 24rem;
h-97
height: 24.25rem;
h-98
height: 24.5rem;
h-99
height: 24.75rem;
h-100
height: 25rem;
h-101
height: 25.25rem;
h-102
height: 25.5rem;
h-103
height: 25.75rem;
h-104
height: 26rem;
h-105
height: 26.25rem;
h-106
height: 26.5rem;
h-107
height: 26.75rem;
h-108
height: 27rem;
h-109
height: 27.25rem;
h-110
height: 27.5rem;
h-111
height: 27.75rem;
h-112
height: 28rem;
h-113
height: 28.25rem;
h-114
height: 28.5rem;
h-115
height: 28.75rem;
h-116
height: 29rem;
h-117
height: 29.25rem;
h-118
height: 29.5rem;
h-119
height: 29.75rem;
h-120
height: 30rem;
h-121
height: 30.25rem;
h-122
height: 30.5rem;
h-123
height: 30.75rem;
h-124
height: 31rem;
h-125
height: 31.25rem;
h-126
height: 31.5rem;
h-127
height: 31.75rem;
h-128
height: 32rem;
h-129
height: 32.25rem;
h-130
height: 32.5rem;
h-131
height: 32.75rem;
h-132
height: 33rem;
h-133
height: 33.25rem;
h-134
height: 33.5rem;
h-135
height: 33.75rem;
h-136
height: 34rem;
h-137
height: 34.25rem;
h-138
height: 34.5rem;
h-139
height: 34.75rem;
h-140
height: 35rem;
h-141
height: 35.25rem;
h-142
height: 35.5rem;
h-143
height: 35.75rem;
h-144
height: 36rem;
h-145
height: 36.25rem;
h-146
height: 36.5rem;
h-147
height: 36.75rem;
h-148
height: 37rem;
h-149
height: 37.25rem;
h-150
height: 37.5rem;
h-151
height: 37.75rem;
h-152
height: 38rem;
h-153
height: 38.25rem;
h-154
height: 38.5rem;
h-155
height: 38.75rem;
h-156
height: 39rem;
h-157
height: 39.25rem;
h-158
height: 39.5rem;
h-159
height: 39.75rem;
h-160
height: 40rem;
h-161
height: 40.25rem;
h-162
height: 40.5rem;
h-163
height: 40.75rem;
h-164
height: 41rem;
h-165
height: 41.25rem;
h-166
height: 41.5rem;
h-167
height: 41.75rem;
h-168
height: 42rem;
h-169
height: 42.25rem;
h-170
height: 42.5rem;
h-171
height: 42.75rem;
h-172
height: 43rem;
h-173
height: 43.25rem;
h-174
height: 43.5rem;
h-175
height: 43.75rem;
h-176
height: 44rem;
h-177
height: 44.25rem;
h-178
height: 44.5rem;
h-179
height: 44.75rem;
h-180
height: 45rem;
h-181
height: 45.25rem;
h-182
height: 45.5rem;
h-183
height: 45.75rem;
h-184
height: 46rem;
h-185
height: 46.25rem;
h-186
height: 46.5rem;
h-187
height: 46.75rem;
h-188
height: 47rem;
h-189
height: 47.25rem;
h-190
height: 47.5rem;
h-191
height: 47.75rem;
h-192
height: 48rem;
h-193
height: 48.25rem;
h-194
height: 48.5rem;
h-195
height: 48.75rem;
h-196
height: 49rem;
h-197
height: 49.25rem;
h-198
height: 49.5rem;
h-199
height: 49.75rem;
h-200
height: 50rem;
h-201
height: 50.25rem;
h-202
height: 50.5rem;
h-203
height: 50.75rem;
h-204
height: 51rem;
h-205
height: 51.25rem;
h-206
height: 51.5rem;
h-207
height: 51.75rem;
h-208
height: 52rem;
h-209
height: 52.25rem;
h-210
height: 52.5rem;
h-211
height: 52.75rem;
h-212
height: 53rem;
h-213
height: 53.25rem;
h-214
height: 53.5rem;
h-215
height: 53.75rem;
h-216
height: 54rem;
h-217
height: 54.25rem;
h-218
height: 54.5rem;
h-219
height: 54.75rem;
h-220
height: 55rem;
h-221
height: 55.25rem;
h-222
height: 55.5rem;
h-223
height: 55.75rem;
h-224
height: 56rem;
h-225
height: 56.25rem;
h-226
height: 56.5rem;
h-227
height: 56.75rem;
h-228
height: 57rem;
h-229
height: 57.25rem;
h-230
height: 57.5rem;
h-231
height: 57.75rem;
h-232
height: 58rem;
h-233
height: 58.25rem;
h-234
height: 58.5rem;
h-235
height: 58.75rem;
h-236
height: 59rem;
h-237
height: 59.25rem;
h-238
height: 59.5rem;
h-239
height: 59.75rem;
h-240
height: 60rem;
h-241
height: 60.25rem;
h-242
height: 60.5rem;
h-243
height: 60.75rem;
h-244
height: 61rem;
h-245
height: 61.25rem;
h-246
height: 61.5rem;
h-247
height: 61.75rem;
h-248
height: 62rem;
h-249
height: 62.25rem;
h-250
height: 62.5rem;
h-251
height: 62.75rem;
h-252
height: 63rem;
h-253
height: 63.25rem;
h-254
height: 63.5rem;
h-255
height: 63.75rem;
h-256
height: 64rem;
h-257
height: 64.25rem;
h-258
height: 64.5rem;
h-259
height: 64.75rem;
h-260
height: 65rem;
h-261
height: 65.25rem;
h-262
height: 65.5rem;
h-263
height: 65.75rem;
h-264
height: 66rem;
h-265
height: 66.25rem;
h-266
height: 66.5rem;
h-267
height: 66.75rem;
h-268
height: 67rem;
h-269
height: 67.25rem;
h-270
height: 67.5rem;
h-271
height: 67.75rem;
h-272
height: 68rem;
h-273
height: 68.25rem;
h-274
height: 68.5rem;
h-275
height: 68.75rem;
h-276
height: 69rem;
h-277
height: 69.25rem;
h-278
height: 69.5rem;
h-279
height: 69.75rem;
h-280
height: 70rem;
h-281
height: 70.25rem;
h-282
height: 70.5rem;
h-283
height: 70.75rem;
h-284
height: 71rem;
h-285
height: 71.25rem;
h-286
height: 71.5rem;
h-287
height: 71.75rem;
h-288
height: 72rem;
h-289
height: 72.25rem;
h-290
height: 72.5rem;
h-291
height: 72.75rem;
h-292
height: 73rem;
h-293
height: 73.25rem;
h-294
height: 73.5rem;
h-295
height: 73.75rem;
h-296
height: 74rem;
h-297
height: 74.25rem;
h-298
height: 74.5rem;
h-299
height: 74.75rem;
h-300
height: 75rem;
h-301
height: 75.25rem;
h-302
height: 75.5rem;
h-303
height: 75.75rem;
h-304
height: 76rem;
h-305
height: 76.25rem;
h-306
height: 76.5rem;
h-307
height: 76.75rem;
h-308
height: 77rem;
h-309
height: 77.25rem;
h-310
height: 77.5rem;
h-311
height: 77.75rem;
h-312
height: 78rem;
h-313
height: 78.25rem;
h-314
height: 78.5rem;
h-315
height: 78.75rem;
h-316
height: 79rem;
h-317
height: 79.25rem;
h-318
height: 79.5rem;
h-319
height: 79.75rem;
h-320
height: 80rem;
h-321
height: 80.25rem;
h-322
height: 80.5rem;
h-323
height: 80.75rem;
h-324
height: 81rem;
h-325
height: 81.25rem;
h-326
height: 81.5rem;
h-327
height: 81.75rem;
h-328
height: 82rem;
h-329
height: 82.25rem;
h-330
height: 82.5rem;
h-331
height: 82.75rem;
h-332
height: 83rem;
h-333
height: 83.25rem;
h-334
height: 83.5rem;
h-335
height: 83.75rem;
h-336
height: 84rem;
h-337
height: 84.25rem;
h-338
height: 84.5rem;
h-339
height: 84.75rem;
h-340
height: 85rem;
h-341
height: 85.25rem;
h-342
height: 85.5rem;
h-343
height: 85.75rem;
h-344
height: 86rem;
h-345
height: 86.25rem;
h-346
height: 86.5rem;
h-347
height: 86.75rem;
h-348
height: 87rem;
h-349
height: 87.25rem;
h-350
height: 87.5rem;
h-351
height: 87.75rem;
h-352
height: 88rem;
h-353
height: 88.25rem;
h-354
height: 88.5rem;
h-355
height: 88.75rem;
h-356
height: 89rem;
h-357
height: 89.25rem;
h-358
height: 89.5rem;
h-359
height: 89.75rem;
h-360
height: 90rem;
h-361
height: 90.25rem;
h-362
height: 90.5rem;
h-363
height: 90.75rem;
h-364
height: 91rem;
h-365
height: 91.25rem;
h-366
height: 91.5rem;
h-367
height: 91.75rem;
h-368
height: 92rem;
h-369
height: 92.25rem;
h-370
height: 92.5rem;
h-371
height: 92.75rem;
h-372
height: 93rem;
h-373
height: 93.25rem;
h-374
height: 93.5rem;
h-375
height: 93.75rem;
h-376
height: 94rem;
h-377
height: 94.25rem;
h-378
height: 94.5rem;
h-379
height: 94.75rem;
h-380
height: 95rem;
h-381
height: 95.25rem;
h-382
height: 95.5rem;
h-383
height: 95.75rem;
h-384
height: 96rem;
h-10%
height: 10%;
h-20%
height: 20%;
h-30%
height: 30%;
h-40%
height: 40%;
h-50%
height: 50%;
h-60%
height: 60%;
h-70%
height: 70%;
h-80%
height: 80%;
h-90%
height: 90%;
h-100%
height: 100%;
h-auto
height: auto;
h-dvh
height: 100dvh;
h-dvw
height: 100dvw;
h-fc
height: fit-content;
h-lg
height: 64rem;
h-lvh
height: 100lvh;
h-lvw
height: 100lvw;
h-max
height: max-content;
h-md
height: 48rem;
h-min
height: min-content;
h-px
height: 1px;
h-s
height: stretch;
h-sm
height: 40rem;
h-svh
height: 100svh;
h-svw
height: 100svw;
h-vb
height: 100vb;
h-vh
height: 100vh;
h-vi
height: 100vi;
h-vmax
height: 100vmax;
h-vmin
height: 100vmin;
h-vw
height: 100vw;
h-xl
height: 80rem;
h-xs
height: 32rem;
h-xxl
height: 96rem;

Responsiveness

Use breakpoint prefixes to target different screen sizes. Styles apply from the breakpoint & up.

Target viewport sizes with breakpoint prefixes.

@sm:h-(value)
Small≥640px
@md:h-(value)
Medium≥768px
@lg:h-(value)
Large≥1024px
@xxl:h-(value)
Extra Large≥1536px

Hover State

Apply styles conditionally on hover using the h: prefix.

Add the h: prefix to apply styles only when the user hovers over the element.

Syntax:h:h-(value)

Negative Values

Use negative variants to apply negative height values.

Use the -- syntax to apply negative numeric values.

Syntax:h--(value)