CSS Width and Height

The CSS Width and Height properties are used to define the size of an HTML element. These properties help in designing layouts and controlling how elements appear on a webpage. 👉 This sets the element width to 200px and height to 100px. Attributes Property Description Example width Sets element width width: 300px; height Sets element […]

CSS Outline

The CSS Outline property is used to draw a line outside an element’s border. It is similar to a border, but with some key differences: 👉 This adds a 2px red outline outside the element. Attributes Property Description Example outline Sets all outline properties outline: 2px solid black; outline-width Sets thickness of outline outline-width: 3px; […]

CSS Border

The CSS Border property is used to define the outline around an HTML element. It helps in visually separating elements and improving layout structure by adding lines around content. A border consists of three main parts: 👉 This adds a 2px solid red border around all <p> elements. Attributes Property Description Example border Sets all […]

CSS Padding

The CSS Padding property is used to create space inside an element, between the content and its border. It helps improve readability and design by adding inner spacing, making content look less crowded. 👉 In simple terms:Margin = outside spacingPadding = inside spacing 👉 This adds 20px space inside the element on all sides. Attributes […]

CSS Margin

The CSS Margin property is used to create space outside an element’s border.It controls the distance between an element and surrounding elements, helping to create proper layout and spacing on a webpage. Margins are transparent and do not have a background color. 👉 This adds 20px space on all sides of the paragraph. Attributes Property […]

CSS Background Image

The CSS Background Image property is used to set an image as the background of an HTML element. It allows you to enhance the visual design of a webpage by adding images behind content such as: You can also control how the image behaves using additional background properties. 👉 This sets an image as the […]

CSS Background Color

The CSS Background Color property is used to set the background color of an HTML element. It helps improve the visual appearance of a webpage and can be applied to elements like: Using background colors effectively enhances readability and design layout. 👉 This sets the background color of the entire page. Attributes Property Description Example […]

CSS RGB Colors

RGB colors in CSS are used to define colors using the Red, Green, and Blue color model. Each color value ranges from 0 to 255, where: The combination of these three values creates a wide range of colors. For example: 👉 This sets the text color to red using RGB format. Attributes Property Description Example […]

CSS HEX Colors

HEX (Hexadecimal) colors are a popular way to define colors in CSS using a 6-digit combination of numbers and letters. A HEX color starts with a hash (#) followed by values representing Red, Green, and Blue (RGB). Each pair controls the intensity of a color: For example: 👉 This sets the text color to red […]

CSS Colors

CSS Colors are used to define the color of text, backgrounds, borders, and other elements on a webpage. Colors play a very important role in web design as they improve visual appearance, readability, and user experience. In CSS, colors can be applied using different formats such as: 👉 This sets the text color of all […]