CSS drop-initial-before-adjust Property

Description

The drop-initial-before-adjust property sets the alignment point of the drop initial for the secondary connection point. This property is only effective is the value of the 'drop-initial-size' property is 'auto'.

The drop-initial-before-adjust property has been deprecated or is no longer in any CSS working groups.

Initial value

text-before-edge

Applies to

::first-letter pseudo element

Inherited

No

Media

Visual

Computed value

Specified values

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.dropInitialBeforeAdjust

Syntax

drop-initial-before-adjust: before-edge | text-before-edge | central | middle | hanging | mathematical | <percentage> | <length>

Values

• before-edgeThe alignment point is at the intersection of the end-edge of the element and the 'before-edge' of the extended inline box of the element. This may include or not the line-height of the element, depending on the line-stacking-strategy.
• text-before-edgeThe alignment point is at the intersection of the end-edge of the element and the 'text-before-edge' baseline of the element.
• centralThe alignment point is at the intersection of the end-edge of the element and the 'central' baseline of the element.
• middleThe alignment point is at the intersection of the end-edge of the element and the 'middle' baseline of the element.
• hangingThe alignment point is at the intersection of the end-edge of the element and the 'hanging' baseline of the element.
• mathematicalThe alignment point is at the intersection of the end-edge of the element and the 'mathematical' baseline of the element.
• <percentage>The computed value of the property is this percentage multiplied by the computed 'line-height' of the element. The alignment point is on the end-edge of the inline box and is offset from the text-before-edge by the computed value. A value of '0%' makes the text-before-edge the alignment point.
• <length>The alignment-point is on the end-edge of the inline box. Its position along the end-edge is offset from the text-before-edge by the <length> value. A value of '0cm' makes the text-before-edge the alignment point.

Example

.class {
   drop-initial-before-adjust: hanging; 
}

Browser Support

Desktop
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?