CSS Fonts The CSS font properties define the font family, boldness, size, and the style of a text. Font Family The font family of a text is set with the font-family property. The font-family property should hold several font names as a “fallback” system. If the browser does not support the first font, it tries […]
CSS Backgrounds The CSS background properties are used to define the background effects for elements. CSS background properties: background-color background-image background-repeat background-attachment background-position 1. CSS background-color: The background-color property specifies the background color of an element. CODE: Result: 2. CSS background-image: The background-image property specifies an image to use as the background of
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
