Category: Basic

CSS dimension define the size and space occupied by elements on a webpage. The dimension properties like height, width, max-height, max-width, line-height and many more are used to define width, height of HTML elements in every screen sizes. In this tutorial we will learn how to manage dimension and layout of HTML elements in varying…

CSS outline creates lines around the outside of an element’s border, without affecting its size or layout. It means adding an outline won’t affect the element’s size or the positioning of adjacent elements. Types of Outline Properties CSS provides following outline properties to style the HTML elements. The outline-style Property CSS outline-style property specifies the style for…

CSS cursor property determines the appearance of the mouse cursor when hovering over an element to which this property is applied. Its main purpose is to improve usability by visually representing certain functions. Syntax cursor: value; Property Values Value Description auto The displayed cursor is determined by the user agent based on the current context. This is…

CSS padding is used to create extra space between the border of the element and its contents. In this chapter we will learn different types of padding and properties associated with it. What is CSS Padding? In CSS, padding is a property that is used to create additional spacing inside the boundary of an element. 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…

CSS margins are used to create space around the outer part of an element. In this tutorial, we will learn how to add different types of margins to HTML elements and the properties associated with it. What is CSS Margin? CSS Margins Example You can try different ways to use to create margins in the below…

CSS border-inline is a shorthand property that sets the values for different logical inline border attributes, border-inline-width, border-inline-style and border-inline-color in one single declaration. The border-style is required. Default values of color and width will be used if not specified. The property is affected by writing mode, text-orientation and direction. Syntax border-inline: border-inline-width border-inline-style border-inline-color | initial | inherit; Property Values Value Description border-inline-width…

CSS border-block property is a shorthand property for assigning values to border-block-color, border-block-style and border-block-width in one go. The border-block-style is required parameter. If other parameters are not mentioned then default values will be used. This property depends on the direction of the block which is determined by the writing mode. Syntax border-block: border-block-width border-block-style border-block-color |…

The border property creates a border around an HTML element, such as a div, image, or text. You can customize the border by changing the border style, width, radius, and color for each side of the element. Borders help in improving the readability of the content as it provide separation of content and is also useful for highlighting important sections of the web…

Styling tables in a webpage involves using CSS properties to customize the appearance of tables. CSS properties such as border-collapse, border-spacing, and caption-side can be applied to tables to control the borders, spacing, and alignment of the table and its cells. This chapter discusses how to set different properties of an HTML table using CSS. CSS Table Border Styling…