An outline is a line drawn outside the element’s border. CSS Outline An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element “stand out”. CSS has the following outline properties: outline-style outline-color outline-width…
All HTML elements can be considered as boxes. The CSS Box Model In CSS, the term “box model” is used when talking about design and layout. The CSS box model is essentially a box that wraps around every HTML element.…
The CSS height and width properties are used to set the height and width of an element. The CSS max-width property is used to set the maximum width of an element. CSS Setting height and width The height and width…
Padding is used to create space around an element’s content, inside of any defined borders. CSS Padding The CSS padding properties are used to generate space around an element’s content, inside of any defined borders. With CSS, you have full…
Margins are used to create space around elements, outside of any defined borders. CSS Margins The CSS margin properties are used to create space around elements, outside of any defined borders. With CSS, you have full control over the margins.…
The CSS border properties allow you to specify the style, width, and color of an element’s border. CSS Border Style The border-style property specifies what kind of border to display. The following values are allowed: dotted – Defines a dotted…
The CSS background properties are used to add background effects for elements. CSS background-color The background-color property specifies the background color of an element. The background color of a page is set like this: body { background-color: lightblue; }
Colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values. CSS Color Names In CSS, a color can be specified by using a predefined color name: Color Names Supported by All Browsers All modern browsers support…
CSS comments are not displayed in the browser, but they can help document your source code. CSS Comments Comments are used to explain the code, and may help when you edit the source code at a later date. Comments are…
