Iqra Technology

HTML CSS Bootstrap JavaScript C# SQL Salesforce Admin Study Material Live Session CSS Home CSS Syntax CSS Selectors CSS How To CSS Comments CSS Colors CSS Backgrounds CSS Borders CSS Margins CSS Padding CSS Dimension CSS Box Model CSS Outline CSS Text CSS Fonts CSS Links CSS Lists CSS Tables CSS Display CSS Position CSS […]

❮ Previous Next ❯ CSS Box Model The CSS Box Model is a fundamental concept in web design that defines how elements on a web page are structured and spaced. It describes the rectangular boxes generated for elements, including their content, padding, border, and margin. Understanding the Box Model is crucial for controlling the layout

❮ Previous Next ❯ CSS Dimensions CSS dimensions are used to define the size of elements on a web page. These properties allow you to control the width and height of elements, helping you create layouts and designs that fit your needs. Basic Properties for CSS Dimensions: 1. Width The width property sets the width

❮ Previous Next ❯ CSS Padding What is CSS Padding? CSS padding is used to create space inside an element, between its content and its border. The padding adds space within the element, pushing the content away from the edges, and is essential for creating well-spaced and visually appealing designs. Basic Properties for CSS Padding:

❮ Previous Next ❯ CSS Margin What is a CSS Margin? CSS margins are used to create space around elements, outside of their border. Margins push elements away from each other and from the edges of their container, helping you control the layout and spacing of your web page.For example, in the figure below, the

❮ Previous Next ❯ CSS Borders Borders in CSS allow you to create a line around HTML elements, which can be customized in various ways. You can define the border’s width, style, and color to enhance the appearance of elements on your webpage. Basic Properties for CSS Borders: 1. Border Style The border-style property defines