css 3

Icon

A comprehensive CSS 3 reference guide, tutorial, and blog
Are you a CSS expert? Want to contribute? Contact us

CSS TEXT-JUSTIFY

This property appears to offer a refinement on the “justify” value used in the ‘text-align’ property. Indeed, the “justify” value must be set for that property for ‘text-justify’ to have any effect.

‘Text-justify’ offers a fine level of justification control over the enclosed content, allowing for a variety of sophisticated justification models used in different language writing systems.

 

Example

div { text-align: justify; text-justify: newspaper }

<div style=”text-align: justify; text-justify: newspaper”>This is “Newspaper” justified content</div>

 

Possible Values

Value Description
auto The browser will determine the appropriate justification algorithm to use
distribute Justification is handled similarly to the “newspaper” value, but this version is optimized for East Asian content (especially the Thai language.) In this justification method, the last line is not justified.
distribute-all-lines Behavior and intent for this value is the same as with the “distribute” value, but the last line is also justified.
inter-cluster Justifies content that does not have any inter-word spacing (such as with many East Asian languages.)
inter-ideograph Used for justifying blocks of ideographic content. Justification is achieved by increasing or decreasing spacing between ideographic characters and words as well.
inter-word Justification is achieved by increasing the spacing between words. It is the quickest method of justification and does not justify the last line of a content block.
newspaper Spacing between letters and words are increased or decreased as necessary. The IE reference says “it is the most sophisticated form of justification for Latin alphabets.”

 

2 Responses

  1. rolf says:

    i glanced something that said
    text-justify:kashida
    for arabic texts…. dont know more about it… i just oversaw it in a search result

  2. dendi says:

    thanks..i try yo learn about css n this blog give me good lesson, i hope this blog will improve more and more..thanks again

Leave a Reply

Pages

What is CSS?

Cascading Style Sheets (CSS) are the modern standard for website presentation. It allows both website developers and users more control over how pages are being displayed on a browser. Style sheets define how elements such as headers, paragraphs, links appear. CSS specifies a priority scheme which determines what style rules apply if/when more than one rule matches against a defined element (the so called cascade).

Follow us on Twitter
css3 on twitter

Please help CSS3.com stay alive and running


Please take a moment to visit our friends
css wrap

Categories

Bad Behavior has blocked 764 access attempts in the last 7 days.

CSS3.com is Digg proof thanks to caching by WP Super Cache!