Category: 01. Tutorials

In the earlier chapters we learnt how to add padding, margin, border, etc using CSS to an element. Now we will see how to set dimensions to an element. Here we will study how to set conditions to limit how high or wide a positioned element gets, not to mention cases where you want the…

Outlines are very similar to borders, but there are few major differences as well − NOTE − The outline properties are not supported by IE 6 or Netscape 7. You can set the following outline properties using CSS. The outline-width Property The outline-width property specifies the width of the outline to be added to the box. Its value…

The CSS cursor property determines the appearance of the mouse cursor when hovering over an element to which this property is applied. This property is only applicable in environments with mouse and cursor functionality. Its main purpose is to improve usability by visually representing certain functions. Possible Values The cursor property can have following values: The following table lists…

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…