CSS text-overflow ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

text-overflow ਪ੍ਰਤੀਯੋਗ ਇਹ ਪ੍ਰਤੀਯੋਗ ਵਿੱਚ ਟੈਕਸਟ ਜਦੋਂ ਹੋਵੇ ਤਾਂ ਕਿਵੇਂ ਹੋਵੇ ਦਾ ਪ੍ਰਸਤਾਵ ਦਿੰਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆCSS3 ਟੈਕਸਟ ਪ੍ਰਭਾਵ

HTML DOM ਸੂਚਨਾ ਮੁੱਦਾਲਾtextOverflow ਪ੍ਰਤੀਯੋਗ

ਉਦਾਹਰਣ

text-overflow ਪ੍ਰਤੀਯੋਗ ਦੀ ਵਰਤੋਂ ਕਰਨ:

div.test
{
text-overflow:ellipsis;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਪੰਨੇ ਦੇ ਨੀਚੇ ਹੋਰ ਉਦਾਹਰਣ ਹਨ。

CSS ਗਰੱਫਿਕਸਿਜ਼ਨ

text-overflow: clip|ellipsis|string;

ਪ੍ਰਤੀਯੋਗ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ ਟੈਸਟ
clip ਟੈਕਸਟ ਨੂੰ ਕਟਣਾ ਟੈਸਟ
ellipsis ਕਟੇ ਹੋਏ ਟੈਕਸਟ ਦੀ ਪ੍ਰਤੀਨਿਧਤਾ ਕਰਨ ਲਈ ਸ਼ਾਬਦਿਕ ਨਿਸ਼ਾਨ ਦਿਖਾਉਣ ਟੈਸਟ
string ਦੇਣ ਵਾਲੀ ਸ਼ਬਦ ਮਾਤਰਾ ਦੀ ਪ੍ਰਤੀਨਿਧਤਾ ਕਰਨ ਲਈ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。

ਤਕਨੀਕੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਮੂਲ ਮੁੱਲ: clip
ਵਿਰਾਸਤੀ ਸਮਰਥਨ: no
ਸੰਸਕਰਣ: CSS3
JavaScript ਗਰੱਫਿਕਸਿਜ਼ਨ: object.style.textOverflow="ellipsis"

ਹੋਰ ਉਦਾਹਰਣ

hover ਅਸਰ ਵਾਲਾ Text-overflow
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਬਿਨਾਂ ਕਿਸੇ ਟੈਕਸਟ ਦਿਖਾਉਣ ਵਾਲੇ ਹੋਵੇ ਤਾਂ ਸਾਰੀ ਲਿਖਤ ਦਿਖਾਈ ਜਾਵੇ ਜਦੋਂ ਪਾਇਨਟਰ ਵਿਸ਼ੇ ਉੱਤੇ ਫਲਟ ਕਰਦਾ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਸਮਰਥਿਤ ਪਹਿਲੀ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਦੀ ਸੰਖਿਆ ਪੱਤਰ ਵਿੱਚ ਦਿੱਤੀ ਗਈ ਹੈ。

ਨਾਮ -o- ਨਾਲ ਸੰਖਿਆ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ。

ਚਰਮੀ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
4.0 6.0 7.0 3.1 11.0
9.0 -o-