Skip to main content

Top

Set the top placement of positioned elements.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Media Queries

Prefix a class with a breakpoint to apply it from that width up.

Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

Negative Values

Double the hyphen to negate any value on the scale.