CSS padding-block پراپرتی

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

ਐਲੀਮੈਂਟ ਦੀ padding-block ਇਹ ਹੈ ਕਿ ਇਸ ਦੀ ਸਰਹੱਦ ਅਤੇ ਸਮੱਗਰੀ ਦਰਮਿਆਨ ਬਲਕ ਦਿਸ਼ਾ ਵਿੱਚ ਦੂਰੀ ਹੈ

padding-block ਲੱਕੜੀ ਦੇ ਮੁੱਲ ਨੂੰ ਵੱਖ-ਵੱਖ ਤਰ੍ਹਾਂ ਨਾਲ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

ਲੱਕੜੀ ਮੁੱਲ ਕਈ ਤਰ੍ਹਾਂ ਨਾਲ ਸੈਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ:

padding-block: 10px 50px;
  • ਜੇਕਰ padding-block ਲੱਕੜੀ ਮੁੱਲ ਦੋ ਮੁੱਲ ਹਨ ਤਾਂ
  • ਸ਼ੁਰੂ ਦੇ ਅੰਦਰੂਨੀ ਪੈਡਿੰਗ 10px ਹੈ

ਸਮਾਪਤ ਦੇ ਅੰਦਰੂਨੀ ਪੈਡਿੰਗ 50px ਹੈ

ਜੇਕਰ padding-block ਲੱਕੜੀ ਮੁੱਲ ਇੱਕ ਮੁੱਲ ਹੈ ਤਾਂ
  • padding-block: 10px;

ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਦੇ ਅੰਦਰੂਨੀ ਪੈਡਿੰਗ ਦਾ ਮੁੱਲ 10px ਹੈ padding-block ਅਤੇ padding-inline CSS ਲੱਕੜੀ ਮੁੱਲ ਸੀਐੱਸਐੱਸ ਲੱਕੜੀ ਨਾਲ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਦੇ ਅੰਦਰੂਨੀ ਪੈਡਿੰਗ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨpadding-bottompadding-toppadding-bottom, ਅਤੇ padding-left padding-right padding-block ਅਤੇ padding-inline ਲੱਕੜੀ ਮੁੱਲ ਬਲਕ ਦਿਸ਼ਾ ਅਤੇ ਲਾਈਨ ਦਿਸ਼ਾ 'ਤੇ ਨਿਰਭਰ ਕਰਦੀ ਹੈ。

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

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਬਲਕ ਦਿਸ਼ਾ ਦੋਵੇਂ ਪਾਸੇ ਦੇ ਅੰਦਰੂਨੀ ਪੈਡਿੰਗ ਨੂੰ ਸੈਟ ਕਰੋ:

p {
  padding-block: 35px;
}

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

ਉਦਾਹਰਣ 2

ਜਦੋਂ <div> ਤੱਤ ਦੀ writing-mode ਜਦੋਂ ਲੱਕੜੀ ਮੁੱਲ ਵਿੱਚ vertical-rl ਸੈਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਤੱਤ ਦੀ ਸ਼ੁਰੂਆਤ ਉੱਚੇ ਤੋਂ ਸੱਜੇ ਵੱਲ ਹੋ ਜਾਂਦੀ ਹੈ ਅਤੇ ਸਮਾਪਤੀ ਹੇਠਲੇ ਤੋਂ ਸੱਜੇ ਵੱਲ ਹੋ ਜਾਂਦੀ ਹੈ:

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

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

CSS ਗਰੰਥ

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

ਲੱਕੜੀ ਮੁੱਲ

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

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

ਦੇਖੋ:سی ایس ایس یونٹ.
% padding-block ਨੂੰ ਮਾਤਾ ਤੱਤ ਵਿੱਚ ਲਾਈਨ ਦਿਸ਼ਾ 'ਤੇ ਆਕਾਰ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਵਿੱਚ ਸੈਟ ਕਰੋ。
initial ਇਸ ਲੱਕੜੀ ਨੂੰ ਇਸ ਦੇ ਮੂਲਤਵੀ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ।ਦੇਖੋ: initial.
inherit ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਇਸ ਲੱਕੜੀ ਦੀ ਇਸ ਲੱਕੜੀ ਨੂੰ ਵਿਰਾਸਤੀ ਕਰੋ।ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਵੀ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀਤਾ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਨਿਰਮਾਣ: ਸਮਰੱਥਾ ਹੈ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧਤ ਲੱਕੜੀ.
ਵਰਜਨ: ਸੀਐੱਸਐੱਸ3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ object.style.paddingBlock="100px 50px"

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

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

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
87.0 87.0 66.0 14.1 73.0

ਸਬੰਧਤ ਪੰਨੇ

ਹਵਾਲਾ:CSS padding-block-end پراپرتی

ਹਵਾਲਾ:CSS padding-block-start پراپرتی

ਹਵਾਲਾ:CSS padding-inline پراپرتی

ਹਵਾਲਾ:CSS padding-bottom پراپرتی

ਹਵਾਲਾ:CSS padding-left پراپرتی

ਹਵਾਲਾ:CSS padding-right پراپرتی

ਹਵਾਲਾ:CSS padding-top پراپرتی

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