CSS padding-block-end ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

ਦੇ padding-block-end ਇਹ ਇਲੈਕਟਰਨ ਦੇ ਬਰਾਉਂਡ ਤੋਂ ਸਮੱਗਰੀ ਦੇ ਬਲਾਕ-ਮੋਡ ਸਮਾਪਤ ਸਥਾਨ ਤੱਕ ਦਾ ਜਗ੍ਹਾ ਹੈ。

CSS padding-block ਅਤੇ padding-inline ਨਾਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂpadding-bottompadding-toppadding-bottomਅਤੇ ਅਤੇ padding-left padding-right padding-block ਅਤੇ padding-inline ਵਿਸ਼ੇਸ਼ਤਾ ਬਲਾਕ-ਮੋਡ ਅਤੇ ਵਾਕਿੰਗ-ਮੋਡ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦੀ ਹੈ。

ਧਿਆਨ:ਸਬੰਧਤ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ writing-mode ਬਲਾਕ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ।ਇਹ ਬਲਾਕ ਦੀ ਸ਼ੁਰੂਆਤ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਅਤੇ padding-block ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਨਤੀਜਾ।ਇੰਗਲਿਸ਼ ਪੰਨੇ ਵਿੱਚ ਬਲਾਕ ਦਿਸ਼ਾ ਹੇਠਾਂ ਵੱਲ ਹੈ, ਵਾਕਿੰਗ-ਮੋਡ ਵੱਲ ਹੈ।

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਬਲਾਕ ਦਿਸ਼ਾ ਦੇ ਸਮਾਪਤ ਸਥਾਨ ਵਿੱਚ ਪੈਡਿੰਗ ਸੈਟ ਕਰੋ:

p {
  padding-block-end: 35px;
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

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

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

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

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲ ਮੁੱਲ
length

px, pt, cm ਆਦਿ ਇਕਾਈਆਂ ਨਾਲ padding-block-end ਨੂੰ ਸੈਟ ਕਰੋ।ਨਕਾਰਾਤਮਕ ਮੁੱਲਾਂ ਨਹੀਂ ਦੀ ਇਜਾਜ਼ਤ ਹੈ。

ਦੇਖੋ:سی ایس ایس یونٹ。
% ਪੈਡਿੰਗ-ਬਲਾਕ-ਐਂਡ ਨੂੰ ਪੈਰੈਂਟ ਇਲੈਕਟਰਨ ਵਿੱਚ ਵਾਕਿੰਗ-ਮੋਡ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਵਜੋਂ ਸੈਟ ਕਰੋ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ।ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਇਲੈਕਟਰਨ ਤੋਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਵਿਰਾਸਤੀਕਰਣ ਕਰੋ।ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀਕਰਣ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ: ਸਮਰਥਨ ਕਰਦੇ ਹਨ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ。
ਆਡਰਨ: CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸ: object.style.paddingBlockEnd="100px"

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

ਸਪਰੇਸ਼ਨ ਵਿੱਚ ਦਿਸਾਈ ਨੂੰ ਪਹਿਲਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਆਖਰੀ ਆਡਰਨ ਰੈਜ਼ਨ ਦਿਸਾਈ ਕਰਦੇ ਹਨ。

ਚਰੋਮੇ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
87.0 87.0 41.0 12.1 73.0

ਸਬੰਧਤ ਪੰਨੇ

ਸਲਾਹਦਾਰੀਃCSS padding-block ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹਦਾਰੀਃCSS padding-block-start ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹਦਾਰੀਃCSS padding-inline ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹਦਾਰੀਃCSS padding-bottom ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹਦਾਰੀਃCSS padding-left ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹਦਾਰੀਃCSS padding-right ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹਦਾਰੀਃCSS padding-top ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹਦਾਰੀਃCSS ਵਰਟਿੰਗ-ਮੋਡ ਪ੍ਰਾਪਰਟੀ