---
title: "What are the classes for width, height, margin, padding, shadow?"
description: "What are the classes for width, height, margin, padding, shadow?"
author: "Ethan Karla"
published: 2021-07-28
canonical: https://answers.mindstick.com/qa/93877/what-are-the-classes-for-width-height-margin-padding-shadow
category: "web application"
tags: ["web development", "web application development"]
reading_time: 3 minutes
---
# What are the classes for width, height, margin, padding, shadow?
What are the classes for width, height, [margin](https://answers.mindstick.com/qa/104990/what-is-a-margin-call), padding, [shadow](https://www.mindstick.com/blog/405/curve-corners-with-shadow-in-html-using-css3)?
## Answers
### Answer by Ravi Vishwakarma
We use the width, height, margin, padding, and shadow on the Html page for decorating. we can use CSS for using it, but bootstrap has predefined classes for designing it. in bootstrap has a width for '.w-*', height for '.h-*', and for shadow '.shadow-*' etc.
## Width classes in bootstrap
| .w-auto | default width of elements |
| --- | --- |
| .w-25 | 25 % width of elements |
| .w-50 | 50 % width of elements |
| .w-75 | 75 % width of elements |
| .w-100 | 100 % width of elements |
## Height classes in bootstrap
| .h-auto | default height of elements |
| --- | --- |
| .h-25 | 25 % height of elements |
| .h-50 | 50 % height of elements |
| .h-75 | 75 % height of elements |
| .h-100 | 10 % height of elements |
## Padding classes in bootstrap
x -> left and right side padding
y -> top and bottom side padding
| .p, .p-0, .p-1, .p-2, .p-3, .p-4, .p-5, | no padding, padding with 0px, padding with 10px, 20px, 30px so on whole side padding |
| --- | --- |
| .px-0, .px-1, .px-2, .px-3, .px-4, .px-5, | left and right padding with 0px, padding with 10px, 20px, 30px so on |
| .py-0, .py-1, .py-2, .py-3, .py-4, .py-5, | top and bottom padding with 0px, padding with 10px, 20px, 30px so on |
| .p-sm-*, .p-md-*, .p-lg-* | \ |
| \ | \ |
## Margin classes in bootstrap
x -> left and right margin
y -> top and bottom margin
| .m, .m-1, .m-2, so on | whole side margin top, right, bottom, left |
| --- | --- |
| .mx-0, .mx-1, so on | left and right margin |
| .my-0, .my-1, so on | top and bottom margin |
| .m-sm-*, .m-md-*, .m-lg-* | \ |
## Shadow classes in bootstrap
| shadow | showing the default shadow |
| --- | --- |
| shadow-none | no shadow |
| shadow-sm | small shadow |
| shadow-lg | large shadow |
## Example
```
Spinner demo