The drop-initial-size property controls the partial sinking of the initial letter. Using any other value than 'auto' removes the secondary connection line constraint.

  • Initial valueauto
  • Applies to::first-letter pseudo element
  • InheritedNo
  • MediaVisual
  • Computed valueSpecified values
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.dropInitialSize
Formal syntax: auto | <line> | <percentage> | <length>

drop-initial-size: [value];
  • autoThe drop initial letter is sized according to the constraints created by the the ink filling strategy and the two connection lines.
  • <line>The drop initial letter is sized using the combined line height of the nth lines (as determined by the line value). The letter may be stretched on one dimension if the line height of each line is variable to avoid circular issues.
  • <length>The drop initial letter is sized using the length value.
  • <percentage>The drop initial letter is sized relatively to the combined line height of the n lines determined by the drop-initial-value property value.
.class {
   drop-initial-size: 2%; 
}
?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.