CSS ڈسپلے属性

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

display ਇਲੈਕਟ੍ਰੌਨ ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਪ੍ਰਦਰਸ਼ਿਤ ਬਕਸਾ ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਕਿਮਤ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਵਰਣਨ

ਇਹ ਇਲੈਕਟ੍ਰੌਨ ਵਿਸ਼ੇਸ਼ਤਾ ਸਥਾਨਿਕਤਾ ਬਣਾਉਣ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ।ਹੈਲਾਈਨ ਦੇ ਅਧਾਰ 'ਤੇ, ਜਿਵੇਂ ਕਿ HTML ਦੇ ਅਧਾਰ 'ਤੇ, display ਇਲੈਕਟ੍ਰੌਨ ਨਾਲ ਸ਼ਾਇਦ ਖਤਰਨਾਕ ਹੋ ਸਕਦਾ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਹੈਲਾਈਨ ਵਿੱਚ ਪਹਿਲਾਂ ਪਰਿਭਾਸ਼ਿਤ ਪ੍ਰਦਰਸ਼ਨ ਸ਼੍ਰੇਣੀ ਨੂੰ ਤੋੜ ਸਕਦਾ ਹੈ।XML ਲਈ, ਕਿਉਂਕਿ XML ਵਿੱਚ ਇਸ ਤਰ੍ਹਾਂ ਦਾ ਬੁਨਿਆਦੀ ਸ਼੍ਰੇਣੀ ਨਹੀਂ ਹੈ, ਸਾਰੇ display ਲਾਜ਼ਮੀ ਹਨ。

ਟਿੱਪਣੀਆਂ:CSS2 ਵਿੱਚ ਕੀਮਤ compact ਅਤੇ marker ਹਨ, ਪਰ ਕਿਉਂਕਿ ਵਿਆਪਕ ਸਮਰਥਨ ਮੁਹੱਈਆ ਨਹੀਂ ਹੈ, ਇਹ CSS2.1 ਤੋਂ ਹਟਾ ਦਿੱਤਾ ਗਿਆ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS ਸਥਾਨਿਕਤਾ

HTML DOM ਸਹੀਕਾਰੀ ਮੈਨੂਅਲ:display ਇਲੈਕਟ੍ਰੌਨ

ਉਦਾਹਰਣ

ਪੈਰਾਗ੍ਰਾਫ ਵਿੱਚ ਇਨਲਾਈਨ ਬੋਰਡਰ ਬਣਾਓ:

p.inline
  {
  display:inline;
  }

ਸਵੈ ਸਿੱਖੋ

CSS ਗਰੰਥ

display: value;

ਇਲੈਕਟ੍ਰੌਨ ਵਿਸ਼ੇਸ਼ਤਾ

ਕੀਮਤ ਵਰਣਨ
none ਇਹ ਇਲੈਕਟ੍ਰੌਨ ਪ੍ਰਦਰਸ਼ਿਤ ਨਹੀਂ ਹੋਵੇਗਾ。
block ਇਹ ਇਲੈਕਟ੍ਰੌਨ ਬਲਕ ਇਲੈਕਟ੍ਰੌਨ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ, ਇਲੈਕਟ੍ਰੌਨ ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਨਿਊਲਾਈਨ ਟੈਕਸਟ ਹੋਵੇਗਾ。
inline ਮੂਲਤਬੀ।ਇਹ ਇਲੈਕਟ੍ਰੌਨ ਇਨਲਾਈਨ ਇਲੈਕਟ੍ਰੌਨ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ, ਇਲੈਕਟ੍ਰੌਨ ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਨਹੀਂ ਹੋਵੇਗਾ ਨਿਊਲਾਈਨ ਟੈਕਸਟ ਹੈ。
inline-block ਇਨਲਾਈਨ ਬਲਕ ਇਲੈਕਟ੍ਰੌਨ।(CSS2.1 ਵਿੱਚ ਜੋੜਿਆ ਗਿਆ ਕੀਮਤ)
list-item ਇਹ ਇਲੈਕਟ੍ਰੌਨ ਲਿਸਟ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ。
run-in ਇਹ ਇਲੈਕਟ੍ਰੌਨ ਮੁਹੱਈਆ ਹੋਣ ਨਾਲ ਉੱਪਲਬਧ ਪ੍ਰਸਥਿਤੀ ਦੇ ਅਧਾਰ 'ਤੇ ਬਲਕ ਜਾਂ ਇਨਲਾਈਨ ਇਲੈਕਟ੍ਰੌਨ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ。
compact CSS ਵਿੱਚ ਕੀਮਤ compact ਹੈ, ਪਰ ਕਿਉਂਕਿ ਵਿਆਪਕ ਸਮਰਥਨ ਮੁਹੱਈਆ ਨਹੀਂ ਹੈ, ਇਹ CSS2.1 ਤੋਂ ਹਟਾ ਦਿੱਤਾ ਗਿਆ ਹੈ。
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似 ），表格前后没有换行符。）。）。）。）。）。）
table-row-group 此元素会作为一个或多个行的分组来显示（类似
table-header-group 此元素会作为一个或多个行的分组来显示（类似
table-footer-group 此元素会作为一个或多个行的分组来显示（类似
table-row 此元素会作为一个表格行显示（类似
table-column-group 此元素会作为一个或多个列的分组来显示（类似
table-column 此元素会作为一个单元格列显示（类似
table-cell 此元素会作为一个表格单元格显示（类似 和 ）
table-caption 此元素会作为一个表格标题显示（类似
）
inherit 规定应该从父元素继承 display 属性的值。

技术细节

默认值： inline
继承性： no
版本： CSS1
JavaScript 语法： object.style.display="inline"

TIY 实例

如何把元素显示为内联元素
本例演示如何把元素显示为内联元素。
如何把元素显示为块级元素
本例演示如何把元素显示为块级元素。

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

ਸਾਰੇ ਪੱਧਰਾਂ ਦੇ ਸਮਰਥਨ ਦੀ ਸ਼ੁਰੂਆਤ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਨੂੰ ਸਿਫਾਰਸ਼ ਕੀਤਾ ਗਿਆ ਹੈ

ਚਰਮੋਨਾ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
4.0 8.0 3.0 3.1 7.0

ਟਿੱਪਣੀਆਂ:ਜੇਕਰ !DOCTYPE ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 8 (ਅਤੇ ਉੱਚ ਸੰਸਕਰਣ) ਪ੍ਰਤੀਕੀ ਮੁੱਲ "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group" ਅਤੇ "inherit" ਨੂੰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ。