Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/css/properties/text-overflow-ellipsis below:

text-overflow-ellipsis · WebPlatform Docs

The text-overflow-ellipsis CSS property controls how the hint on overflowed content that is not displayed is signaled to the users. The presence of the hint is controlled with CSS property text-overflow-mode. Shorthand property is text-overflow.

Initial value

U+2026

Applies to

block-level and inline-block elements

Inherited

No

Media

visual

Computed value

specified value (except for initial and inherit)

Animatable

No

CSS Object Model Property

text-overflow-ellipsis

Percentages

N/A

• text-overflow-ellipsis: string

string

The value is defined either as a string like the default UTF-8 character ‘U+2026’ or a URI and represents the ellipsis of text-overflow-mode property. If the value is defined as a URI it displays the image behind the URL. You can also set both values which then means they determine the overflow visual hint at the end and the hint after the element box. The latter visual hint is only displayed if there is clipped content because of the dimension limitation on the element block.

<div class="overflowed overflowed-ellipsis">
    <p>This is an example text showing nothing interesting but the truncated content via text-overflow shorthand property.</p>
</div>
<div class="overflowed overflowed-ellipsis-word">
    <p>This is an example text showing nothing interesting but the truncated content via text-overflow shorthand property.</p>
</div>

View live example

.overflowed > p {
    width: 10em;
    height: 5em;
    white-space: nowrap;
    overflow: hidden;
}

.overflowed-ellipsis > p {
    text-overflow-mode: ellipsis;
    text-overflow-ellipsis: '[more]';
}

.overflowed-ellipsis-word > p {
    text-overflow-mode: ellipsis-word;
    text-overflow-ellipsis: '[more]';
}

View live example

 Currently it is not widely supported in any major browsers.

Because the initial value (U+2026) of the overflow visual hint after the element box may not be easily rendered in some situations, the user agent may replace it by a sequence of 3 FULL STOP characters (U+002E).

• background-blend-mode

• background-position

• break-before

• height

• list-style

• list-style-position

• text-overflow-ellipsis

• text-overflow-mode

• text-rendering

• user-select

• equality

• Attribute selector

• hyphen

• prefix

• substring

• suffix

• baseline-shift

• JavaScript animation

• block-progression

• font-language-override

• font-size

• hyphenate-limit-chars

• hyphenate-limit-lines

• hyphenate-limit-zone

• hyphens

• ime-mode

• layout-grid

• layout-grid-char

• layout-grid-line

• layout-grid-mode

• layout-grid-type

• letter-spacing

• text-overflow-ellipsis

• text-overflow-mode

• text-rendering

• user-modify

• Text

• size

• b

• b

• br

• br

• caption

• cite

• code

• del

• dfn

• em

• font

• hr

• i

• ins

• kbd

• mark

• samp

• strong

• Achieving typographic effects with the canvas tag

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4