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'.

  • Initial valuetext-before-edge
  • Applies to::first-letter pseudo element
  • InheritedNo
  • MediaVisual
  • Computed valueSpecified values
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.dropInitialBeforeAdjust
Formal syntax: before-edge | text-before-edge | central | middle | hanging | mathematical | <percentage> | <length>

drop-initial-before-adjust: [value];
drop-initial-before-adjust: 10px;
drop-initial-before-adjust: 5%;
  • 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.
.class {
   drop-initial-before-adjust: hanging; 
}
?Firefox?Explorer?Chrome?Safari?Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.