CSS Box Dimensions
In this tutorial, we will understand the dimensions of box model in CSS and the various properties that allow you to control the dimensions of an HTML element’s box. The concept of CSS box model says that every element in…
Category CSS
CSS Box Model (with Example)
The box model is a very important concept in CSS that determines how elements are structured, positioned, and displayed on a webpage. It gets its name because the CSS treats every element as if it were in a rectangular box.…
Border Radius in CSS | Rounded Borders, Example
The border radius in CSS is a shorthand property that is used to create rounder corners on any HTML element. This property creates round corners on an element’s outer border edge. We can apply it to any HTML element that…
Border in CSS: Style, Width, Color, Example
A border in CSS is a line that separates the margin and padding of the block-level element. It sits inside the margin and surrounds the padding and content of the HTML element, as shown in the below figure. Borders put…
Margin Collapse in CSS
Margin collapse in CSS is a typical behavior which collapses the top and bottom margins of neighboring elements into a single margin. It takes place when the top or bottom margin of one element comes into contact with the top…