CSS inset-inline-end کی ویژگی

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

inset-inline-end ਗੁਣ ਸੈਟ ਕਰਨ ਲਈ, ਇਹ ਗੁਣ ਸੈਟ ਕਰਨਾ ਹੈ

ਨੋਟ:ਗੁਣ ਸੈਟ ਕਰਨ ਲਈ, ਇਹ ਗੁਣ ਸੈਟ ਕਰਨਾ ਹੈ ਇਸ ਗੁਣ ਨੂੰ ਕਾਰਗਰ ਬਣਾਉਣ ਲਈ, ਇਹ ਗੁਣ ਸੈਟ ਕਰਨਾ ਹੈ position

ਸੀਐੱਸਐੱਸ ਦੇ inset-inline ਅਤੇ inset-block ਗੁਣ ਸੀਐੱਸਐੱਸ ਦੇ top,bottom,left ਅਤੇ right ਗੁਣ ਬਹੁਤ ਹੀ ਸਮਾਨ ਹੈ, ਪਰ inset-block ਅਤੇ inset-inline ਗੁਣ ਬਲਕ ਦਿਸ਼ਾ ਅਤੇ ਲਾਈਨ ਦਿਸ਼ਾ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。

ਨੋਟ:ਸਬੰਧਤ ਸੀਐੱਸਐੱਸ ਗੁਣ writing-mode ਅਤੇ direction ਲਾਈਨ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਇਹ ਐਲੀਮੈਂਟ ਦੇ ਲਾਈਨ ਦਿਸ਼ਾ 'ਤੇ ਅੰਤ ਦੀ ਸਥਿਤੀ ਅਤੇ inset-inline-end ਗੁਣ ਦਾ ਨਤੀਜਾ।ਇੰਗਲਿਸ਼ ਪੰਨਿਆਂ ਵਿੱਚ ਲਾਈਨ ਦਿਸ਼ਾ ਖੱਬੇ ਤੋਂ ਸੱਜੇ ਹੁੰਦੀ ਹੈ ਅਤੇ ਬਲਕ ਦਿਸ਼ਾ ਹੇਠਾਂ ਹੁੰਦੀ ਹੈ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਸਥਿਤ <div> ਐਲੀਮੈਂਟ ਦੇ ਲਾਈਨ ਦਿਸ਼ਾ 'ਤੇ ਅੰਤ ਨੂੰ ਪਿਆਰੈਂਟ ਐਲੀਮੈਂਟ ਤੋਂ ਦੂਰੀ ਸੈਟ ਕਰੋ:

div {
  inset-inline-end: 50px;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

ਜਦੋਂ <div> ਐਲੀਮੈਂਟ ਦੇ writing-mode ਗੁਣ ਮੁੱਲ vertical-rl ਦੇ ਰੂਪ ਵਿੱਚ ਸੈਟ ਕੀਤੇ ਹੋਏ ਸਮੇਂ ਲਾਈਨ ਦਿਸ਼ਾ ਹੇਠਾਂ ਤੋਂ ਉੱਪਰ ਹੁੰਦੀ ਹੈ।ਨਤੀਜਾ ਇਸ ਐਲੀਮੈਂਟ ਦੇ ਅੰਤ ਦਾ ਸਾਜ਼ੀ ਤਲ ਵੱਲ ਹੋਣਾ ਹੈ:

div {
  inset-inline-end: 50px;
  writing-mode: vertical-rl;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 3

ਜਦੋਂ <div> ਐਲੀਮੈਂਟ ਦੇ direction ਗੁਣ ਮੁੱਲ rtl ਦੇ ਰੂਪ ਵਿੱਚ ਸੈਟ ਕੀਤੇ ਹੋਏ ਸਮੇਂ ਲਾਈਨ ਦਿਸ਼ਾ ਦਾਂਤੀ ਤੋਂ ਸੱਜੇ ਤਲ ਵੱਲ ਹੁੰਦੀ ਹੈ।ਨਤੀਜਾ ਇਸ ਐਲੀਮੈਂਟ ਦੇ ਅੰਤ ਦਾ ਸਾਜ਼ੀ ਤਲ ਵੱਲ ਹੋਣਾ ਹੈ:

div {
  inset-inline-end: 50px;
  direction: rtl;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸੀਐੱਸਐੱਸ ਗਰੰਥ

inset-inline-end: auto|length|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵਾ

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

ਸਾਰੇ ਤੈਬਲ ਵਿੱਚ ਨੰਬਰ ਪਹਿਲੀ ਵਾਰ ਇਸ ਗੁਣ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਦਿਸਦੇ ਹਨ。

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆ:CSS ਸਥਾਨਾਂਤਰ

ਸਬੰਧਤ:CSS position پراویوٹی

ਸਬੰਧਤ:CSS ڈائریکشن کی اپریٹی

ਸਬੰਧਤ:CSS writing-mode ਪ੍ਰਤੀਯੋਗਿਤਾ