Style position 属性
- ਪਿੰਡ ਪੰਨਾ perspectiveOrigin
- ਅਗਲਾ ਪੰਨਾ quotes
- ਉੱਪਰੀ ਪੱਧਰ ਵਾਪਸ ਜਾਓ ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ
定义和用法
position
属性设置或返回用于元素的定位方法的类型(静态、相对、绝对或固定)。
دوسرے مراجع کو دیکھئے:
CSS تعلیم:CSS پوزیشن
CSS رفرنس ڈینلومنٹ:position ਗੁਣ
ਉਦਾਹਰਣ
ਉਦਾਹਰਣ 1
ਵੈੱਕਟਰ <div> ਏਲੀਮੈਂਟ ਦੀ ਲੋਕੇਸ਼ਨ ਨੂੰ ਰੀਲੇਟਿਵ ਲੋਕੇਸ਼ਨ ਤੋਂ ਅਬਸਲੂਟ ਲੋਕੇਸ਼ਨ 'ਤੇ ਬਦਲੋ:
document.getElementById("myDIV").style.position = "absolute";
ਉਦਾਹਰਣ 2
ਵੱਖ-ਵੱਖ ਲੋਕੇਸ਼ਨ ਕਿਸਮਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ:
function myFunction(x) { var whichSelected = x.selectedIndex; var posVal = x.options[whichSelected].text; var elem = document.getElementById("myDiv"); elem.style.position = posVal; }
ਉਦਾਹਰਣ 3
ਵਾਪਸੀ <h2> ਏਲੀਮੈਂਟ ਦੀ ਲੋਕੇਸ਼ਨ:
alert(document.getElementById("myH2").style.position);
ਗਰੰਥ
position ਗੁਣ ਵਾਪਸੀ ਕਰੋ:
object.style.position
position ਗੁਣ ਸੈਟ ਕਰੋ:
object.style.position = "static|absolute|fixed|relative|sticky|initial|inherit"
ਗੁਣ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
static | ਏਲੀਮੈਂਟ ਉਸ ਕਿਸਮ ਦੇ ਕਿਸਮ ਨਾਲ ਜਿਸ ਤਰ੍ਹਾਂ ਨਾਲ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਆਏ ਹਨ ਉਸੇ ਕਿਸਮ ਦੇ ਕਿਸਮ ਨਾਲ ਪੇਸ਼ ਕੀਤੇ ਜਾਂਦੇ ਹਨ। ਮੂਲ ਮੁੱਲ。 |
absolute | ਏਲੀਮੈਂਟ ਆਪਣੇ ਪਹਿਲੇ ਲੋਕੇਸ਼ਨ ਕੀਤੇ ਗਏ (ਨਾ-static) ਪੂਰਵਗਾਮੀ ਏਲੀਮੈਂਟ ਦੇ ਅਧਾਰ 'ਤੇ ਲੋਕੇਸ਼ਨ ਕੀਤੇ ਜਾਂਦੇ ਹਨ。 |
fixed | ਏਲੀਮੈਂਟ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਦੇ ਅਧਾਰ 'ਤੇ ਲੋਕੇਸ਼ਨ ਕੀਤੇ ਜਾਂਦੇ ਹਨ。 |
relative |
ਏਲੀਮੈਂਟ ਆਪਣੀ ਸਾਧਾਰਣ ਸਥਿਤੀ ਦੇ ਅਧਾਰ 'ਤੇ ਲੋਕੇਸ਼ਨ ਕੀਤੇ ਜਾਂਦੇ ਹਨ。 ਇਸ ਲਈ "left:20" ਏਲੀਮੈਂਟ ਦੇ ਸਾਮਨੇ ਹਾਲਚਕਰ ਨੂੰ 20 ਪਿਕਸਲ ਵਧਾ ਦਿੰਦਾ ਹੈ。 |
sticky |
ਏਲੀਮੈਂਟ ਯੂਜ਼ਰ ਦੀ ਸਰੋਲ ਸਥਿਤੀ ਦੇ ਅਧਾਰ 'ਤੇ ਲੋਕੇਸ਼ਨ ਕੀਤੇ ਜਾਂਦੇ ਹਨ。 ਸਟੀਕੀ ਏਲੀਮੈਂਟ ਸਰੋਲ ਸਥਿਤੀ ਦੇ ਅਧਾਰ 'ਤੇ relative ਅਤੇ fixed ਵਿੱਚ ਟੁੱਟਦੇ ਹਨ。 ਇਹ ਰੀਲੇਟਿਵ ਲੋਕੇਸ਼ਨ ਵਿੱਚ ਹੈ ਜਦੋਂ ਤੱਕ ਇਹ ਦਰਸ਼ਨ ਵਿੱਚ ਦਿੱਤੀ ਗਈ ਸਥਾਨਾਂ ਤੋਂ ਮਿਲਦਾ ਨਹੀਂ ਹੈ - ਫਿਰ ਇਹ ਉਸ ਸਥਾਨ 'ਤੇ 'ਚੱਟਾਨੀ' ਹੋ ਜਾਂਦਾ ਹੈ (ਜਿਵੇਂ position:fixed)。 ਟਿੱਪਣੀ:IE/Edge 15 ਜਾਂ ਪੁਰਾਣੇ ਵਰਜਨਾਂ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦੇ। Safari 6.1 ਵਰਜਨ ਤੋਂ ਵੈਬਕਿਟ ਪ੍ਰੀਫਿਕਸ ਸਮਰਥਨ ਕਰਦਾ ਹੈ。 |
initial | ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial。 |
inherit | ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਇਨਹੈਰਿਟ ਕਰੋ। ਦੇਖੋ inherit。 |
ਤਕਨੀਕੀ ਵੇਰਵਾ
ਮੂਲ ਮੁੱਲ: | static |
---|---|
ਵਾਪਸੀ ਮੁੱਲ: | ਸਟਰਿੰਗ ਜਿਸ ਵਿੱਚ ਏਲੀਮੈਂਟ ਦੀ ਸਥਿਤੀ ਕਿਸਮ ਦਿੱਤੀ ਗਈ ਹੈ。 |
CSS ਵਰਜਨ: | CSS2 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮੀ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
ਚਰਮੀ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਿੰਡ ਪੰਨਾ perspectiveOrigin
- ਅਗਲਾ ਪੰਨਾ quotes
- ਉੱਪਰੀ ਪੱਧਰ ਵਾਪਸ ਜਾਓ ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ