CSS drop-initial-size Property
Description
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 value
- auto
- Applies to
- ::first-letter pseudo element
- Inherited
- No
- Media
- Visual
- Computed value
- Specified values
- Animatable
- No
- CSS Version
- CSS3
- JavaScript syntax
- object.style.dropInitialSize
Syntax
Formal syntax: auto | <line> | <percentage> | <length> drop-initial-size: [value];
Values
- 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.
Example
.class {
drop-initial-size: 2%;
}Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| ? | ? | ? | ? | ? | ? |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| ? | ? | ? | ? | ? | ? |