CSS Width and Height Properties
The width and height properties had introduced in CSS 1 as part of the CSS box model. The height and width properties in CSS allow us to set the height and width for an element’s box. In other words, these…
Read MoreCSS Width and Height Properties
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…
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
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
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…
CSS Margin
Margin in CSS is a white space around the block-level elements, outside of any defined borders. It is used to create a white space outside of an HTML element, between the elements and surrounding elements, or between the top or…
CSS Padding
Padding in CSS is the amount of white space between the content and the border of its block element. In simple words, the space surrounding the content is called padding. CSS provides various padding properties that allow us to create…
Comments in CSS: Single-line, Multi-line
Comments in CSS are lines of text within the CSS stylesheet that are used to explain the code. They provide extra information about the code, such as what the styles do, where they to apply, or other helpful explanations. Comments…