CSS کنٹینٹ پرپرٹی
- ਪਿਛਲਾ ਪੰਨਾ @container
- ਅਗਲਾ ਪੰਨਾ counter-increment
ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ
content ਅਤਰੀਬਿਤ ਨੂੰ :before ਅਤੇ :after ਅਤਰੀਬਿਤ ਨਾਲ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਤਾਂ ਜੋ ਜਨਮਿਤ ਸਮੱਗਰੀ ਜੋੜਿਆ ਜਾਵੇ।
ਵਰਣਨ
ਇਹ ਅਤਰੀਬਿਤ ਇਲੀਮੈਂਟ ਤੋਂ ਪਹਿਲਾਂ ਜਾਂ ਬਾਅਦ ਲਗਾਉਣ ਵਾਲੇ ਜਨਮਿਤ ਸਮੱਗਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ ਰਿਕਾਰਡ ਸਮੱਗਰੀ ਹੁੰਦਾ ਹੈ, ਪਰ ਸਮੱਗਰੀ ਦੇ ਬਕਸਾ ਵਰਗ ਨੂੰ ਅਤਰੀਬਿਤ display ਅਤਰੀਬਿਤ ਨਾਲ ਨਿਯੰਤਰਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਸ਼CSS :before ਪ੍ਰਤੀਕ
CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਸ਼CSS :after ਪ੍ਰਤੀਕ
HTML DOM ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਸ਼content ਅਤਰੀਬਿਤ
ਉਦਾਹਰਣ
ਹੇਠ ਦੇ ਉਦਾਹਰਨਾਂ ਵਿੱਚ ਹਰੇਕ ਲਿੰਕ ਤੋਂ ਬਾਅਦ ਅੰਕ ਵਾਲੇ URL ਨੂੰ ਜੋੜਿਆ ਗਿਆ ਹੈ:
a:after
{
content: " (" attr(href) ")";
}
CSS ਗਰੰਥਕਾਰਕ
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
ਅਤਰੀਬਿਤ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| none | |
| normal | |
| content specifications | |
| inherit | ਨਿਰਧਾਰਿਤ ਹੈ ਕਿ ਪੈਰੰਟ ਐਲੀਮੈਂਟ ਤੋਂ content ਅਤਰੀਬਿਤ ਵਾਲੀ ਮੁੱਲ ਨੂੰ ਵਾਪਸ ਲਿਆ ਜਾਵੇ। |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ: | normal |
|---|---|
| ਵਿਰਾਸਤੀਬਾਜ਼ੀ: | no |
| ਸੰਸਕਰਣ: | CSS2 |
| JavaScript ਗਰੰਥਕਾਰਕ: | object.style.content="url(beep.wav)" |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਪੱਧਰਾਂ ਦੇ ਨੰਬਰ ਸਾਰੇ ਸਮਰਥਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
| ਕਰੋਮ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- ਪਿਛਲਾ ਪੰਨਾ @container
- ਅਗਲਾ ਪੰਨਾ counter-increment
