My Blog

The text-stroke-width property specifies the width of the stroke. Initial Value 0 Applies to All elements. Inherited Yes. Animatable No Version Compatibility Standard DOM Syntax object.style.textStrokeWidth = “thin”; Syntax Example of the text-stroke-width property: Try it Yourself » Result Values Value Description length Specifies the thickness of the stroke. initial Makes the property use its default value.…

The text-stroke-color property specifies the color of the character’s storke. The default value of the text-stroke-color is the default value of the color property. Initial Value currentColor Applies to All elements. Inherited Yes. Animatable Yes. The color is animatable. Version Compatibility Standard DOM Syntax object.style.textStrokeColor = “#8ebf42”; Syntax Example of the text-stroke-color property: Result Values Value Description color Specifies the color…

The text-stroke property is an experimental property providing decoration options for a text. It is a shorthand for the following properties: There is the text-fill-color property, which overrides the color property, allowing for a graceful fallback to a different text color in browsers that do not support the text-stroke property. Web fonts are typically based on vector graphics which means that the shape is determined…

The CSS text-shadow property is used to add shadows to the text. You can choose colors from here: HTML colors. The text-shadow property is one of the CSS3 properties. Each shadow is specified by 2 to 3 length values and a <color>. The first value sets the horizontal distance(x-offset), the second value sets the vertical distance(y-offset), the third value sets the…

The text-rendering property gives information to the rendering engine about what to optimize for when rendering text. The text-rendering property has four values: When the text-rendering property is set to “optimizeLegibility” successive capital letters become more spaced, and ligatures are enabled. The text-rendering is actually not a CSS property and is not defined in any CSS specification. It’s an SVG property, but Gecko-based…

The CSS text-overflow property specifies how the overflowing inline text should be signaled to the user. It is one of the CSS3 properties. The text-overflow property works if the overflow property is set to “hidden”, and white-space is set to “nowrap”. In CSS3, the specification allows using a custom string. White space, which is considered a string or any other custom string can be…

The text-orientation property specifies the orientation of characters in a line. It has five values: mixed, upright, sideways, sideways-right, use-glyph-orientation. All of them work in vertical typographic modes. This property had the “sideways-left” and the “sideways-right” values, now they are redefined as one the “sideways-right” value. Instead, the “sideways-lr” and the “sideways-rl” values are added to the writing-mode property…

The text-justify property defines the behavior of spacing between words or characters. The text-justify property is one of the CSS3 properties. The text-justify property selects the justification method of text when text-align is set to “justify”. Initial Value auto Applies to Inline-level and table-cell elements. Inherited Yes. Animatable No Version CSS3 DOM Syntax object.style.textJustify = “inter-character”; Syntax Example of the text-justify property: Result In…

The text-indent property specifies the length of empty space of the first line in a text block. The direction of the text is specified by the direction property. If a negative value is specified, the first line will be indented to the left. The text-indent only applies to the first line of text in an element. Initial Value 0 Applies to…