Padding Block End

Set an element's logical block end padding.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

@sm:pbe-(value)
Small≥640px
@md:pbe-(value)
Medium≥768px
@lg:pbe-(value)
Large≥1024px
@xxl:pbe-(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:pbe-(value)