CSS right پراپرٹی
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
right ਗੁਣ ਨੂੰ ਸਬੰਧਤ ਪੱਧਰ ਦੇ ਮੋਰਡਰ ਦੇ ਮੁੱਲ ਨਾਲ ਸਬੰਧਤ ਮੋਰਡਰ ਦੇ ਦਾਹਿਨੇ ਬੋਰਡਰ ਨਾਲ ਹੱਲ੍ਹਾਪਣ ਦੀ ਪਰਿਭਾਸ਼ਾ ਕਰਦਾ ਹੈ。
ਟਿੱਪਣੀ:ਜੇਕਰ "position" ਗੁਣ ਦਾ ਮੁੱਲ "static" ਹੈ ਤਾਂ "right" ਗੁਣ ਨੂੰ ਸੈਟ ਕਰਨ ਨਾਲ ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਪੈਂਦਾ。
ਵਰਣਨ
ਸਟੈਟਿਕ ਪੱਧਰ ਲਈ auto; ਲੰਬਾਈ ਮੁੱਲ ਲਈ ਸਬੰਧਤ ਲੰਬਾਈ; ਪ੍ਰਤੀਸ਼ਤੀ ਮੁੱਲ ਲਈ ਸਬੰਧਤ ਮੁੱਲ; ਹੋਰ ਤਰ੍ਹਾਂ ਤਹਿਤ auto ਹੈ。
ਸਬੰਧਤ ਪਿਆਰੇ ਪੱਧਰ ਨੂੰ ਪਿਆਰੇ ਪੱਧਰ ਦੇ ਮੁੱਲ ਨਾਲ ਹੀ ਹੈਸਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ:CSS ਸਥਾਨਾਂਤਰਣ
HTML DOM ਸੰਦਰਭ ਪੁਸਤਕ:right ਗੁਣ
ਉਦਾਹਰਣ
ਚਿੱਤਰ ਦੇ ਦਾਹਿਨੇ ਮੋਰਡਰ ਨੂੰ ਉਸ ਸਮਾਵੇਸ਼ਣ ਤੱਕ ਦੇ ਦਾਹਿਨੇ ਮੋਰਡਰ ਤੋਂ 5 ਪਿਕਸਲ ਮੋਰ ਸਥਾਨ ਵਿੱਚ ਸੈਟ ਕਰੋ:
img
{
position:absolute;
right:5px;
}
CSS ਗਰੰਥ
right: auto|length|initial|inherit;
ਗੁਣ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| auto | ਮੂਲ ਮੁੱਲ। ਬਰਾਉਜ਼ਰ ਦੁਆਰਾ ਦਾਹਿਨੇ ਮੋਰਡਰ ਦਾ ਮੁੱਲ ਹੈਸਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。 |
| % | ਪਿਆਰੇ ਪੱਧਰ ਨੂੰ ਇਕਾਈ ਵਿੱਚ ਪਿਆਰੇ ਪੱਧਰ ਦੇ ਮੁੱਲ ਨਾਲ ਸੈਟ ਕਰੋ। ਨੈਗਾਟਿਵ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਨ。 |
| length | ਪਿਆਰੇ ਪੱਧਰ ਨੂੰ px, cm ਆਦਿ ਇਕਾਈਆਂ ਨਾਲ ਸੈਟ ਕਰੋ। ਨੈਗਾਟਿਵ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਨ。 |
| inherit | ਪਿਆਰੇ ਮੁੱਲ ਨੂੰ ਪਿਆਰੇ ਪੱਧਰ ਤੋਂ ਵਿਰਾਸਤ ਕਰੋ। |
ਤਕਨੀਕੀ ਵੇਰਵਾ
| ਮੂਲ ਮੁੱਲ: | auto |
|---|---|
| ਵਿਰਾਸਤੀ: | no |
| ਸੰਸਕਰਣ: | CSS2 |
| JavaScript ਗਰੰਥ: | object.style.right="50px" |
ਹੋਰ ਉਦਾਹਰਣ
- ਸਥਾਈ ਮੁੱਲ ਨਾਲ ਚਿੱਤਰ ਦੇ ਦਾਹਿਨੇ ਮੋਰਡਰ ਨੂੰ ਸੈਟ ਕਰੋ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਵਿਸ਼ਦੀਕਰਣ ਕਰੋ ਕਿ ਕਿਵੇਂ ਸਥਾਈ ਮੁੱਲ ਨਾਲ ਚਿੱਤਰ ਦੇ ਦਾਹਿਨੇ ਮੋਰਡਰ ਨੂੰ ਸੈਟ ਕਰੋ。
- ਪ੍ਰਤੀਸ਼ਤੀ ਮੁੱਲ ਨਾਲ ਚਿੱਤਰ ਦੇ ਦਾਹਿਨੇ ਮੋਰਡਰ ਨੂੰ ਸੈਟ ਕਰੋ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਵਿਸ਼ਦੀਕਰਣ ਕਰੋ ਕਿ ਕਿਵੇਂ ਪ੍ਰਤੀਸ਼ਤੀ ਮੁੱਲ ਨਾਲ ਚਿੱਤਰ ਦੇ ਦਾਹਿਨੇ ਮੋਰਡਰ ਨੂੰ ਸੈਟ ਕਰੋ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਪਸ਼ਟੀਕਰਣ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਸਬੰਧੀ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
| ਚਰੋਮੇ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
