CSS padding-block-start کی کوالٹی

ਕੋਰਸ ਸਿਫਾਰਸ਼:

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ ਇਲੈਕਟਰੋਨ ਦਾ padding-block-start

ਇਹ ਬਲਾਕ ਦਿਸ਼ਾ ਦੇ ਸ਼ੁਰੂ ਵਿੱਚ ਬਰਾਹਿਕ ਸਥਾਨ ਹੈ ਅਤੇ ਬਰਾਹਿਕ ਤੋਂ ਸਮੱਗਰੀ ਤੱਕ ਦਾ ਅੰਤਰ ਹੈ。 padding-block ਬਹੁਤ ਸਮਾਨ ਹੈ, ਪਰ ਅਤੇ CSS ਅਟਰੀਬਿਊਟ ਸਮਾਨ CSS ਅਟਰੀਬਿਊਟ ਨਾਲpadding-toppadding-bottompadding-topਅਤੇ ਬਹੁਤ ਸਮਾਨ ਹੈ, ਪਰ padding-left padding-right padding-block ਬਹੁਤ ਸਮਾਨ ਹੈ, ਪਰ ਅਤੇ padding-inline

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

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਬਲਾਕ ਦਿਸ਼ਾ ਦੇ ਸ਼ੁਰੂ ਵਿੱਚ ਪੈਡਿੰਗ ਸੈਟ ਕਰੋ:

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

ਖੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

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

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

ਖੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

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

ਅਟਰੀਬਿਊਟ ਮੁੱਲ

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

px, pt, cm ਆਦਿ ਦੇ ਯੂਨਿਟਾਂ ਨਾਲ padding-block-start ਨੂੰ ਸੈਟ ਕਰੋ।ਨਾਕਾਰ ਮੁੱਲਾਂ ਨਹੀਂ ਦੀਏ।

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਸਲਾਹ:CSS padding-block کی کوالٹی

ਸਲਾਹ:CSS padding-block-end کی کوالٹی

ਸਲਾਹ:CSS padding-inline کی کوالٹی

ਸਲਾਹ:CSS padding-bottom کی کوالٹی

ਸਲਾਹ:CSS padding-left کی کوالٹی

ਸਲਾਹ:CSS padding-right کی کوالٹی

ਸਲਾਹ:CSS padding-top کی کوالٹی

ਸਲਾਹ:CSS writing-mode ਪ੍ਰਾਪਰਟੀ