Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Javascript Articles
Page 393 of 534
Set border width with CSS
The border-width property allows you to set the width of element borders. The value of this property could be either a length in px, pt or cm or it should be set to thin, medium or thick. Syntax border-width: value; /* Individual sides */ border-top-width: value; border-right-width: value; border-bottom-width: value; border-left-width: value; /* Shorthand for all sides */ border-width: top right bottom left; Values The border-width property accepts the following values: Length units: px, pt, em, rem, cm, mm Keywords: thin, medium, thick Global values: initial, inherit, unset ...
Read MoreSet the right margin of an element with CSS
The margin-right property in CSS is used to set the right margin of an element. It creates space on the right side of an element, pushing it away from adjacent elements or the container's edge. Syntax margin-right: value; Values The margin-right property accepts several types of values: Length units: px, em, rem, pt, cm, etc. Percentage: Relative to the width of the containing element auto: Browser calculates the margin automatically inherit: Inherits from parent element Example with Different Values ...
Read MoreUsage of border-top-width property in CSS
The border-top-width property in CSS controls the thickness of an element's top border. This property only takes effect when a border style is defined. Syntax border-top-width: value; Property Values Value Description Example thin Specifies a thin border (typically 1px) border-top-width: thin; medium Specifies a medium border (typically 3px) border-top-width: medium; thick Specifies a thick border (typically 5px) border-top-width: thick; length Defines width in px, em, rem, etc. border-top-width: 8px; Example: Basic Usage ...
Read MoreCSS padding-bottom property
The padding-bottom CSS property specifies the bottom padding of an element. It sets the space between the element's content and its bottom border. This property accepts values in length units (px, em, rem) or percentages (%). Syntax padding-bottom: length | percentage | initial | inherit; Parameters length - Fixed value in units like px, em, rem (e.g., 10px, 1.5em) percentage - Relative to the width of the containing block (e.g., 5%) initial - Sets to default value (0) inherit - Inherits ...
Read MoreCSS padding-top property
The padding-top CSS property specifies the top padding of an element. It creates space between the element's content and its top border. This property accepts values in pixels, percentages, em units, or other CSS length units. Syntax padding-top: value; Values The padding-top property accepts the following values: Length values: px, em, rem, cm, etc. Percentage: Relative to the width of the containing block inherit: Inherits from parent element initial: Sets to default value (0) Example with Length Values ...
Read MoreChange the style of bottom border with CSS
The border-bottom-style property changes the style of the bottom border of an element. This CSS property allows you to define how the bottom border line appears visually. Syntax border-bottom-style: none | solid | dashed | dotted | double | groove | ridge | inset | outset; Available Border Styles The border-bottom-style property accepts the following values: solid - A single solid line dashed - A series of short dashes dotted - A series of dots double - Two solid lines groove - A 3D grooved border ridge - A 3D ridged border ...
Read MoreStyle the numbering characters in an ordered list with CSS
The list-style-type property allows you to control the appearance and style of numbering characters in ordered lists. This CSS property offers various numbering formats including decimal, roman numerals, letters, and more. Syntax list-style-type: decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none; Common list-style-type Values Value Description Example Output decimal Default numbers 1, 2, 3 lower-roman Lowercase Roman numerals i, ii, iii upper-roman Uppercase Roman numerals I, II, III lower-alpha Lowercase letters a, b, c upper-alpha Uppercase letters A, B, ...
Read MoreUsage of CSS list-style-type property
The list-style-type CSS property allows you to control the shape or appearance of list item markers. This property works with both ordered () and unordered () lists. Syntax list-style-type: value; Common Values for Unordered Lists Here are the most commonly used values for unordered list markers: .circle-list { list-style-type: circle; } .square-list { list-style-type: square; } .disc-list { list-style-type: disc; ...
Read MoreHow to control the shape or appearance of the marker with CSS?
The list-style-type CSS property allows you to control the shape or appearance of list markers in both ordered and unordered lists. This property provides various built-in marker styles to enhance your list presentations. Syntax list-style-type: value; Common Values for Unordered Lists List Style Types Circle Markers Apple Mango Grapes ...
Read MoreHow to indicate whether the marker should appear inside or outside of the box containing the bullet points with CSS?
The list-style-position property controls whether list markers (bullets, numbers) appear inside or outside the content area of list items. This property is particularly important when list items contain long text that wraps to multiple lines. Syntax list-style-position: inside | outside | initial | inherit; Values Value Description outside Default. Marker appears outside the content area. Text wraps align with the first line. inside Marker appears inside the content area. Text wraps underneath the marker. initial Sets to default value (outside) inherit ...
Read More