Visual Studio Code has built-in support for editing style sheets in CSS .css. In addition, you can install an extension for greater functionality.
Margin
Margin
| Syntax |
Description |
| m-0 |
margin: 0 |
| m-1 |
margin: 0.25rem |
| m-2 |
margin: 0.5rem |
| m-3 |
margin: 0.75rem |
| m-4 |
margin: 1rem |
| m-5 |
margin: 1.25rem |
| m-6 |
margin: 1.5rem |
| m-7 |
margin: 1.75rem |
| m-8 |
margin: 2rem |
| m-9 |
margin: 2.25rem |
| m-10 |
margin: 2.5rem |
| m-11 |
margin: 2.75rem |
| m-12 |
margin: 3rem |
| m-13 |
margin: 3.25rem |
| m-14 |
margin: 3.5rem |
| m-15 |
margin: 3.75rem |
| m-16 |
margin: 4rem |
| m-17 |
margin: 4.25rem |
| m-18 |
margin: 4.5rem |
| m-19 |
margin: 4.75rem |
| m-20 |
margin: 5rem |
Margin Top
| Syntax |
Description |
| mt-0 |
margin-top: 0 |
| mt-1 |
margin-top: 0.25rem |
| mt-2 |
margin-top: 0.5rem |
| mt-3 |
margin-top: 0.75rem |
| mt-4 |
margin-top: 1rem |
| mt-5 |
margin-top: 1.25rem |
| mt-6 |
margin-top: 1.5rem |
| mt-7 |
margin-top: 1.75rem |
| mt-8 |
margin-top: 2rem |
| mt-9 |
margin-top: 2.25rem |
| mt-10 |
margin-top: 2.5rem |
| mt-11 |
margin-top: 2.75rem |
| mt-12 |
margin-top: 3rem |
| mt-13 |
margin-top: 3.25rem |
| mt-14 |
margin-top: 3.5rem |
| mt-15 |
margin-top: 3.75rem |
| mt-16 |
margin-top: 4rem |
| mt-17 |
margin-top: 4.25rem |
| mt-18 |
margin-top: 4.5rem |
| mt-19 |
margin-top: 4.75rem |
| mt-20 |
margin-top: 5rem |
Margin Right
| Syntax |
Description |
| mr-0 |
margin-right: 0 |
| mr-1 |
margin-right: 0.25rem |
| mr-2 |
margin-right: 0.5rem |
| mr-3 |
margin-right: 0.75rem |
| mr-4 |
margin-right: 1rem |
| mr-5 |
margin-right: 1.25rem |
| mr-6 |
margin-right: 1.5rem |
| mr-7 |
margin-right: 1.75rem |
| mr-8 |
margin-right: 2rem |
| mr-9 |
margin-right: 2.25rem |
| mr-10 |
margin-right: 2.5rem |
| mr-11 |
margin-right: 2.75rem |
| mr-12 |
margin-right: 3rem |
| mr-13 |
margin-right: 3.25rem |
| mr-14 |
margin-right: 3.5rem |
| mr-15 |
margin-right: 3.75rem |
| mr-16 |
margin-right: 4rem |
| mr-17 |
margin-right: 4.25rem |
| mr-18 |
margin-right: 4.5rem |
| mr-19 |
margin-right: 4.75rem |
| mr-20 |
margin-right: 5rem |
Margin Bottom
| Syntax |
Description |
| mb-0 |
margin-bottom: 0 |
| mb-1 |
margin-bottom: 0.25rem |
| mb-2 |
margin-bottom: 0.5rem |
| mb-3 |
margin-bottom: 0.75rem |
| mb-4 |
margin-bottom: 1rem |
| mb-5 |
margin-bottom: 1.25rem |
| mb-6 |
margin-bottom: 1.5rem |
| mb-7 |
margin-bottom: 1.75rem |
| mb-8 |
margin-bottom: 2rem |
| mb-9 |
margin-bottom: 2.25rem |
| mb-10 |
margin-bottom: 2.5rem |
| mb-11 |
margin-bottom: 2.75rem |
| mb-12 |
margin-bottom: 3rem |
| mb-13 |
margin-bottom: 3.25rem |
| mb-14 |
margin-bottom: 3.5rem |
| mb-15 |
margin-bottom: 3.75rem |
| mb-16 |
margin-bottom: 4rem |
| mb-17 |
margin-bottom: 4.25rem |
| mb-18 |
margin-bottom: 4.5rem |
| mb-19 |
margin-bottom: 4.75rem |
| mb-20 |
margin-bottom: 5rem |
Margin Left
| Syntax |
Description |
| ml-0 |
margin-left: 0 |
| ml-1 |
margin-left: 0.25rem |
| ml-2 |
margin-left: 0.5rem |
| ml-3 |
margin-left: 0.75rem |
| ml-4 |
margin-left: 1rem |
| ml-5 |
margin-left: 1.25rem |
| ml-6 |
margin-left: 1.5rem |
| ml-7 |
margin-left: 1.75rem |
| ml-8 |
margin-left: 2rem |
| ml-9 |
margin-left: 2.25rem |
| ml-10 |
margin-left: 2.5rem |
| ml-11 |
margin-left: 2.75rem |
| ml-12 |
margin-left: 3rem |
| ml-13 |
margin-left: 3.25rem |
| ml-14 |
margin-left: 3.5rem |
| ml-15 |
margin-left: 3.75rem |
| ml-16 |
margin-left: 4rem |
| ml-17 |
margin-left: 4.25rem |
| ml-18 |
margin-left: 4.5rem |
| ml-19 |
margin-left: 4.75rem |
| ml-20 |
margin-left: 5rem |
Padding
Padding
| Syntax |
Description |
| p-0 |
padding: 0 |
| p-1 |
padding: 0.25rem |
| p-2 |
padding: 0.5rem |
| p-3 |
padding: 0.75rem |
| p-4 |
padding: 1rem |
| p-5 |
padding: 1.25rem |
| p-6 |
padding: 1.5rem |
| p-7 |
padding: 1.75rem |
| p-8 |
padding: 2rem |
| p-9 |
padding: 2.25rem |
| p-10 |
padding: 2.5rem |
| p-11 |
padding: 2.75rem |
| p-12 |
padding: 3rem |
| p-13 |
padding: 3.25rem |
| p-14 |
padding: 3.5rem |
| p-15 |
padding: 3.75rem |
| p-16 |
padding: 4rem |
| p-17 |
padding: 4.25rem |
| p-18 |
padding: 4.5rem |
| p-19 |
padding: 4.75rem |
| p-20 |
padding: 5rem |
Margin Top
| Syntax |
Description |
| pt-0 |
padding-top: 0 |
| pt-1 |
padding-top: 0.25rem |
| pt-2 |
padding-top: 0.5rem |
| pt-3 |
padding-top: 0.75rem |
| pt-4 |
padding-top: 1rem |
| pt-5 |
padding-top: 1.25rem |
| pt-6 |
padding-top: 1.5rem |
| pt-7 |
padding-top: 1.75rem |
| pt-8 |
padding-top: 2rem |
| pt-9 |
padding-top: 2.25rem |
| pt-10 |
padding-top: 2.5rem |
| pt-11 |
padding-top: 2.75rem |
| pt-12 |
padding-top: 3rem |
| pt-13 |
padding-top: 3.25rem |
| pt-14 |
padding-top: 3.5rem |
| pt-15 |
padding-top: 3.75rem |
| pt-16 |
padding-top: 4rem |
| pt-17 |
padding-top: 4.25rem |
| pt-18 |
padding-top: 4.5rem |
| pt-19 |
padding-top: 4.75rem |
| pt-20 |
padding-top: 5rem |
Margin Right
| Syntax |
Description |
| pr-0 |
padding-right: 0 |
| pr-1 |
padding-right: 0.25rem |
| pr-2 |
padding-right: 0.5rem |
| pr-3 |
padding-right: 0.75rem |
| pr-4 |
padding-right: 1rem |
| pr-5 |
padding-right: 1.25rem |
| pr-6 |
padding-right: 1.5rem |
| pr-7 |
padding-right: 1.75rem |
| pr-8 |
padding-right: 2rem |
| pr-9 |
padding-right: 2.25rem |
| pr-10 |
padding-right: 2.5rem |
| pr-11 |
padding-right: 2.75rem |
| pr-12 |
padding-right: 3rem |
| pr-13 |
padding-right: 3.25rem |
| pr-14 |
padding-right: 3.5rem |
| pr-15 |
padding-right: 3.75rem |
| pr-16 |
padding-right: 4rem |
| pr-17 |
padding-right: 4.25rem |
| pr-18 |
padding-right: 4.5rem |
| pr-19 |
padding-right: 4.75rem |
| pr-20 |
padding-right: 5rem |
Margin Bottom
| Syntax |
Description |
| pb-0 |
padding-bottom: 0 |
| pb-1 |
padding-bottom: 0.25rem |
| pb-2 |
padding-bottom: 0.5rem |
| pb-3 |
padding-bottom: 0.75rem |
| pb-4 |
padding-bottom: 1rem |
| pb-5 |
padding-bottom: 1.25rem |
| pb-6 |
padding-bottom: 1.5rem |
| pb-7 |
padding-bottom: 1.75rem |
| pb-8 |
padding-bottom: 2rem |
| pb-9 |
padding-bottom: 2.25rem |
| pb-10 |
padding-bottom: 2.5rem |
| pb-11 |
padding-bottom: 2.75rem |
| pb-12 |
padding-bottom: 3rem |
| pb-13 |
padding-bottom: 3.25rem |
| pb-14 |
padding-bottom: 3.5rem |
| pb-15 |
padding-bottom: 3.75rem |
| pb-16 |
padding-bottom: 4rem |
| pb-17 |
padding-bottom: 4.25rem |
| pb-18 |
padding-bottom: 4.5rem |
| pb-19 |
padding-bottom: 4.75rem |
| pb-20 |
padding-bottom: 5rem |
Margin Left
| Syntax |
Description |
| pl-0 |
padding-left: 0 |
| pl-1 |
padding-left: 0.25rem |
| pl-2 |
padding-left: 0.5rem |
| pl-3 |
padding-left: 0.75rem |
| pl-4 |
padding-left: 1rem |
| pl-5 |
padding-left: 1.25rem |
| pl-6 |
padding-left: 1.5rem |
| pl-7 |
padding-left: 1.75rem |
| pl-8 |
padding-left: 2rem |
| pl-9 |
padding-left: 2.25rem |
| pl-10 |
padding-left: 2.5rem |
| pl-11 |
padding-left: 2.75rem |
| pl-12 |
padding-left: 3rem |
| pl-13 |
padding-left: 3.25rem |
| pl-14 |
padding-left: 3.5rem |
| pl-15 |
padding-left: 3.75rem |
| pl-16 |
padding-left: 4rem |
| pl-17 |
padding-left: 4.25rem |
| pl-18 |
padding-left: 4.5rem |
| pl-19 |
padding-left: 4.75rem |
| pl-20 |
padding-left: 5rem |
Font Size
| Syntax |
Description |
| fs-xl-1 |
font-size: calc(1.3rem + 0.6vw) |
| fs-xl-2 |
font-size: calc(1.275rem + 0.3vw) |
| fs-xl-3 |
font-size: calc(1.26rem + 0.12vw) |
| fs-xl-4 |
font-size: 0.75rem |
| fs-xl-5 |
font-size: 1.15rem |
| fs-xl-6 |
font-size: 1.075rem |
| fs-xl-7 |
font-size: 0.95rem |
| fs-xl-8 |
font-size: 0.85rem |
| fs-xl-9 |
font-size: 0.75rem |
| fs-xl-10 |
font-size: 0.5rem |
| fs-xl-base |
font-size: 1rem |
| fs-xl-fluid |
font-size: 100% |
| |
