CSS Outline An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element “stand out”. Outlines are very similar to borders, but there are few major differences as well − An outline does not take up space. Outlines do not have to be rectangular. Outline is always the same […]

CSS Box Model The CSS box model is a container that contains multiple properties including borders, margin, padding and the content itself. It is used to create the design and layout of web pages. It can be used as a toolkit for customizing the layout of different elements. The web browser renders every element as

CSS Height and Width Programmers can use the height and width properties to change the height and width of specific elements. In order for their dimensions to be altered, the display property value of these elements must be set to block or inline-block. These properties do not include padding, borders, or margins. It sets the

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 control over the padding. There are properties for setting the padding for each side of an element (top, right, bottom, and left). Padding – Individual Sides CSS has properties for

CSS Margins The margin properties are used to create space around elements, outside of any defined borders. It is possible to use negative values to overlap content. The values of the margin property are not inherited by the child elements. With CSS, you have full control over the margins. CSS has properties for specifying the

CSS Borders: The border properties allow you to specify how the border of the box representing an element should look. There are three properties of a border you can change − The border-style specifies whether a border should be solid, dashed line, double line, or one of the other possible values. The border-width specifies the width

CSS Colors: CSS uses color values to specify a color either for the foreground of an element (i.e., its text) or else for the background of the element. They can also be used to affect the color of borders and other decorative effects.   Result: CSS Background Color: You can set the background color for

CSS How-To When a browser reads a style sheet, it will format the HTML document according to the information in the style sheet. There are three types of CSS which are given below: 1. Internal or Embedded CSS 2. External CSS 3. Inline CSS   Internal CSS: In internal CSS the style of CSS is

CSS Selectors CSS selectors are used to selecting the content you want to style. Selectors are the part of the CSS ruleset. CSS selectors select HTML elements according to its id, class, type, attribute, etc. There are several different types of selectors in CSS. i.   CSS Element Selector: The element selector selects the HTML element

CSS Syntax A CSS comprises style rules that are interpreted by the browser and then applied to the corresponding elements in a document. A style rule set consists of a selector and declaration block. Selector => h1 Declaration => {color:blue;font size:12px;} -The selector points to the HTML element you want to style. -The declaration block