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 […]