Which of the following property allows long text, such as a URL, to be broken if it would otherwise over?

text-transform
word-wrap
text-overflow
text-indent

The correct answer is C. text-overflow.

The text-overflow property specifies how to handle overflowing text. It can be used to prevent text from overflowing its container, to clip the text, or to display an ellipsis (three dots) to indicate that there is more text that is not being displayed.

The text-transform property specifies how to render the text. It can be used to capitalize, uppercase, lowercase, or superscript the text.

The word-wrap property specifies how to handle long lines of text. It can be used to break the lines at word boundaries, to wrap the lines at a specified character limit, or to prevent the lines from wrapping at all.

The text-indent property specifies the indentation of the first line of text in a block element.

Here is an example of how the text-overflow property can be used to prevent text from overflowing its container:

css
p {
text-overflow: ellipsis;
}

This will cause the text to be truncated and an ellipsis (three dots) to be displayed to indicate that there is more text that is not being displayed.

Here is an example of how the text-transform property can be used to capitalize the text:

css
p {
text-transform: uppercase;
}

This will cause the text to be displayed in uppercase letters.

Here is an example of how the word-wrap property can be used to break the lines at word boundaries:

css
p {
word-wrap: break-word;
}

This will cause the lines to be broken at word boundaries, even if this results in hyphenated words.

Here is an example of how the text-indent property can be used to indent the first line of text:

css
p {
text-indent: 2em;
}

This will cause the first line of text to be indented by 2em.

Exit mobile version