code icon

CSCI 1720

Intermediate Web


× INDEX
ANIMATION BACKGROUND BORDER BOX COLUMN COLORS FONT LIST POSITIONING PSEUDO TRANSITIONS TEXT

Type

Property

Values

direction
ltr | rtl | inherit
hanging-punctuation
none | [ start | end | endedge ]
letter-spacing
normal | length | %
punctuation-trim
none | start | end | adjacent
text-align
start | end | left | right | center | justify
text-align-last
start | end | left | right | center | justify
text-decoration
none | underline | overline | line-through | blink
text-emphasis
none | [ [ accent | dot | circle | disc | [ before | after ]?]
text-indent
length
text-outline
none | color | length
text-shadow
none | color | length
inicode-bidi
normal | embed | bidi-override
white-space
normal | pre | nowrap | pre-wrap | pre-line
white-space-collapse
perserve | collapse | pre-servebreaks | discard
word-break
normal | keep-all | loose | break-strict | break-all
word-spacing
normal | length | %
word-wrap
normal | nowrap
Learn More
Text properties allow you to modify the way text is laid out when the page loads



Text inside an element is laid out inside the element's content box. It starts at the top left of the content area (or the top right, in the case of RTL language content), and flows towards the end of the line. Once it reaches the end, it goes down to the next line and continues, then the next line, until all the content has been placed in the box. Text content effectively behaves like a series of inline elements, being laid out on lines adjacent to one another, and not creating line breaks until the end of the line is reached, or unless you force a line break manually using the <br> element