CSS STYLES

This content originally appeared on DEV Community and was authored by Suma

BOX MODEL CSS

margin : space outside element
div {margin : 20px;}

padding : space inside element
div {padding: 10px;}

border : line around element
p { border : 2px solid black;}

border-radius : rounded corners
button { border-radius: 10px;}

width/height : size of element
div {width: 200px; height:100px;}

max-width/min-width : size limits
div { max-width: 500px;}

box-shadow : adds shadow
div {box-shadow: 5px 5px 10px gray;}

overflow : what happens when content is too big
div { overflow: auto; }

This content originally appeared on DEV Community and was authored by Suma

Print Share Comment Cite Upload Translate Updates

APA

Suma | Sciencx (2025-11-07T06:39:13+00:00) CSS STYLES. Retrieved from https://www.scien.cx/2025/11/07/css-styles/

MLA

" » CSS STYLES." Suma | Sciencx - Friday November 7, 2025, https://www.scien.cx/2025/11/07/css-styles/

HARVARD

Suma | Sciencx Friday November 7, 2025 » CSS STYLES., viewed ,<https://www.scien.cx/2025/11/07/css-styles/>

VANCOUVER

Suma | Sciencx - » CSS STYLES. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/11/07/css-styles/

CHICAGO

" » CSS STYLES." Suma | Sciencx - Accessed . https://www.scien.cx/2025/11/07/css-styles/

IEEE

" » CSS STYLES." Suma | Sciencx [Online]. Available: https://www.scien.cx/2025/11/07/css-styles/. [Accessed: ]

rf:citation

» CSS STYLES | Suma | Sciencx | https://www.scien.cx/2025/11/07/css-styles/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.