Author: Awais Farooq

CSS padding is a property that is used to create spacing and add additional space inside the boundary of an element. This chapter will discuss about the CSS padding property. The padding property: The order of the padding properties is important, and follows this pattern: The following diagram demonstrates the various padding properties for reference: All the…

Lists are useful as they present the information in a structured and organized manner. Lists improve the readability and comprehension of content on a web page. So, if the content is listed, it is easy to follow. Lists are commonly used to display items, steps, options, or any other type of related information that should…

This chapter discusses about the margins in CSS. Margins are used to create space around an element. They define the amount of space between an element’s border and adjacent elements. Possible Values Following values can be passed to each side: Value Description auto The margin is calculated automatically by the browser length The margin is…

The CSS property border-inline is a shorthand property that sets the values for different logical inline border attributes, combining them into a single statement. Possible values The border-inline is specified with one or more of the following, in any order: Constituent properties This property is a shorthand for the following CSS properties: Syntax Applies to All the…

The CSS shorthand property border-block is a logical property that defines width, style and color of both the start and end in the block dimension at once. Possible values Constituent Properties This property is a shorthand for the following CSS properties: Syntax Applies to All the HTML elements. CSS border-block – Basic Example The following example demonstrates…

A border, in the context of design and styling, refers to a decorative or functional element that surrounds the content of an object, such as a text box, image, or any other HTML element on a web page. The border property is used to create a border around an element, such as a div, image, or text.…

A table is an HTML element used to display data in a structured format with rows and columns. It is created using the <table> tag in HTML and can be styled using CSS properties. This chapter discusses how to set different properties of an HTML table using CSS. Let us see an example below which demonstrates a simple HTML…

Links serve to connect and navigate between one webpage and another, with CSS properties offering options to style these links in a variety of ways. Link States The idea of link states involves understanding the different states in which links might exist. Various pseudo-classes can be used to style these states. Default Styles of Links…

Images are powerful tools that can enhance the design, communication, and user experience of a webpage. Though it is not recommended to include a lot of images, careful selection and placement of images can greatly contribute to the success of a website. There are several CSS properties that can be used to style an image.…

A text refers to a piece of written or printed information in the form of words or characters that can be read and understood. Texts can include content such as books, articles, emails, messages, web pages, etc. Styling a text involves modifying its appearance to make it more visually appealing or to convey a particular message. This…