CSS padding-inline-end ਪ੍ਰਾਪਰਟੀ

定义和用法

ਐਲੀਮੈਂਟ ਦਾ padding-inline-end ਇਹ ਹੈ ਕਿ ਐਲੀਮੈਂਟ ਦੇ ਲਾਈਨ ਅਕਸਰ ਦਿਸ਼ਾ ਵਿੱਚ ਬੋਰਡਰ ਤੋਂ ਸਮੱਗਰੀ ਤੱਕ ਦਾ ਅੰਤਰ ਹੈ。

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

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

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਲਾਈਨ ਅਕਸਰ ਦਿਸ਼ਾ ਦੇ ਸਮਾਪਤ ਸਥਾਨ ਵਿੱਚ ਅੰਦਰੂਨੀ ਬਰੀਕਾਰੀ ਸੈਟ ਕਰੋ:

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

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

ਉਦਾਹਰਣ 2

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

div {
  writing-mode: vertical-rl;
  padding-inline-end: 100px;
}

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

ਉਦਾਹਰਣ 3

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

div {
  direction: rtl;
  padding-inline-end: 100px;
}

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

ਸੀਐੱਸਐੱਸ ਗਰੰਟਰਾਸ਼

padding-inline-end: auto|value|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਸਲਾਹਦਾਰਾਂ:CSS ڈائریکشن اٹری بیوٹ

ਸਲਾਹਦਾਰਾਂ:CSS padding-inline ਪ੍ਰਾਪਰਟੀ

ਸਲਾਹਦਾਰਾਂ:CSS padding-inline-start ਪ੍ਰਾਪਰਟੀ

ਸਲਾਹਦਾਰਾਂ:CSS padding-bottom ਪ੍ਰਾਪਰਟੀ

ਸਲਾਹਦਾਰਾਂ:CSS padding-left ਪ੍ਰਾਪਰਟੀ

ਸਲਾਹਦਾਰਾਂ:CSS padding-right ਪ੍ਰਾਪਰਟੀ

ਸਲਾਹਦਾਰਾਂ:CSS padding-top ਪ੍ਰਾਪਰਟੀ

ਸਲਾਹਦਾਰਾਂ:CSS writing-mode ਪ੍ਰਤੀਯੋਗਿਤਾ