Style bottom ਵਿਸ਼ੇਸ਼ਤਾ

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

bottom ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਜਾਂ ਸਥਾਨਿਕ ਅਣੂ ਦੀ ਨਿਚੋਰੀ ਸਥਾਨ ਵਾਪਸ ਕਰੋ。

ਸੁਝਾਅ:ਸਥਾਨਿਕ ਅਣੂ ਇਹ ਹਨ ਜਿਨ੍ਹਾਂ ਦਾ position ਵਿਸ਼ੇਸ਼ਤਾ relative, absolute ਜਾਂ fixed ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ。

ਸੁਝਾਅ:ਜੇਕਰ ਤੁਸੀਂ ਸਥਾਨਿਕ ਅਣੂ ਦੀ ਉੱਚੀ ਸਥਾਨ ਸੈਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ top ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਉਪਯੋਗ ਕਰੋ。

ਹੋਰ ਸੰਦਰਭ:

CSS ਸਿੱਖਿਆ:CSS دقت

CSS ਸੰਦਰਭ ਪੁਸਤਕ:bottom ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

button ਅਣੂ ਦੀ ਨਿਚੋਰੀ ਸਥਾਨ ਸੈਟ ਕਰੋ:

document.getElementById("myBtn").style.bottom = "100px";

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

ਉਦਾਹਰਣ 2

div ਅਣੂ ਦੀ ਨਿਚੋਰੀ ਸਥਾਨ ਸੈਟ ਕਰੋ:

document.getElementById("myDiv").style.bottom = "10px";

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

ਉਦਾਹਰਣ 3

ਨਕਾਰਾਤਮਕ ਮੁੱਲ - div ਅਣੂ ਦੀ ਨਿਚੋਰੀ ਸਥਾਨ ਸੈਟ ਕਰੋ:

document.getElementById("myDiv").style.bottom = "-100px";

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

ਉਦਾਹਰਣ 4

div ਅਣੂ ਦੀ ਨਿਚੋਰੀ ਸਥਾਨ ਵਾਪਸ ਕਰੋ:

alert(document.getElementById("myDiv").style.bottom);

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

ਗਣਨਾ

bottom ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਕਰੋ:

object.style.bottom

bottom ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.bottom = "auto|length|%|initial|inherit"

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

ਮੁੱਲ ਵਰਣਨ
auto ਬਰਾਉਜ਼ਰ ਨੂੰ ਨਿਚੋਰੀ ਸਥਾਨ ਸੈਟ ਕਰੋ। ਮੂਲ ਮੁੱਲ。
length ਲੰਬਾਈ ਇਕਾਈ ਨਾਲ ਨਿਚੋਰੀ ਸਥਾਨ ਨੂੰ ਸੈਟ ਕਰੋ। ਨਕਾਰਾਤਮਕ ਮੁੱਲਾਂ ਦੀ ਪ੍ਰਵਾਨਗੀ ਹੈ。
% ਪਿਤਾ ਅਣੂ ਦੀ ਉਚਾਈ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਨਾਲ ਨਿਚੋਰੀ ਸਥਾਨ ਨੂੰ ਸੈਟ ਕਰੋ。
initial ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਅਣੂ ਤੋਂ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਾਪਤ ਕਰੋ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: auto
ਵਾਪਸੀ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਸਥਾਨਿਕ ਅਣੂ ਦੀ ਨਿਚੋਰੀ ਸਥਾਨ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ。
CSS ورژن: CSS2

بھرپائی کار

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی