CSS outline-offset property
- ਪਿਛਲੀ ਪੰਨਾ outline-color
- آئندہ پیج outline-style
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
outline-offset ਪੱਖੀ ਪ੍ਰਤੀਭਾਵ ਨੂੰ ਬਾਹਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਬੋਰਡਰ ਦੇ ਦੁਆਰਾ ਚਿੱਤਰਿਤ ਹੁੰਦਾ ਹੈ。
ਕਿਰਦ ਬੋਰਡਰ ਤੋਂ ਦੋ ਪਾਸੇ ਅਲੱਗ ਹੁੰਦਾ ਹੈ:
- ਕਿਰਦ ਸਥਾਨ ਨਹੀਂ ਲੈਂਦਾ
- ਕਿਰਦ ਗੋਲ ਨਹੀਂ ਹੁੰਦਾ
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆCSS یوزر انٹرفیس
HTML DOM ਸੂਚੀਕਰਣoutlineOffset ਪੱਖੀ ਪ੍ਰਤੀਭਾਵ
ਉਦਾਹਰਣ
ਬੋਰਡਰ ਦੇ ਬਾਹਰ 15 ਪਿਕਸਲ ਦੇ ਕਿਰਦ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ:
div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}
CSS ਸ਼ਾਬਦਿਕਤਾ
outline-offset: length|inherit;
ਪੱਖੀ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| length | ਕਿਰਦ ਅਤੇ ਬੋਰਡਰ ਦੇ ਦੁਆਰਾ ਦੂਰੀ |
| inherit | ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ outline-offset ਪੱਖੀ ਪ੍ਰਤੀਭਾਵ ਦਾ ਮੂਲ ਮੁੱਲ ਪੈਰੰਟ ਐਲੀਮੈਂਟ ਤੋਂ ਵਾਰਸਤ ਹੋਵੇ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ: | 0 |
|---|---|
| ਵਿਰਾਸਤ: | no |
| ਸੰਸਕਰਣ: | CSS3 |
| JavaScript ਸ਼ਾਬਦਿਕਤਾ: | object.style.outlineOffset="15px" |
ਬਰਾਉਜ਼ਰ ਸਹਾਰਾ
ਸਾਰੇ ਪੱਖਾਂ ਦੇ ਨਾਮ ਵਾਲੇ ਨੰਬਰ ਇਸ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ ਜੋ ਇਸ ਲੋੜ ਵਾਲੀ ਪੱਖੀ ਪ੍ਰਤੀਭਾਵ ਦਾ ਪਹਿਲਾ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਸਹਾਰਾ ਦਿੰਦੇ ਹਨ。
| چروم | آئی ای / ایج | فائرفاکس | سافری | اوپرا |
|---|---|---|---|---|
| 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
- ਪਿਛਲੀ ਪੰਨਾ outline-color
- آئندہ پیج outline-style
