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 లో విలువ కంపాక్ట్ ఉంది, కానీ విస్తృత మద్దతు లేకపోవడంతో క్రింది CSS2.1 నుండి తొలగించబడింది。
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似 ），表格前后没有换行符。
table-row-group ఈ పరికరం ఒక పంక్తి గుంపును ప్రదర్శిస్తుంది (లక్ష్యం <tbody> వంటి వాటిని ప్రతిబింబిస్తుంది)
table-header-group ఈ పరికరం ఒక పంక్తి గుంపును ప్రదర్శిస్తుంది (లక్ష్యం <thead> వంటి వాటిని ప్రతిబింబిస్తుంది)
table-footer-group ఈ పరికరం ఒక పంక్తి గుంపును ప్రదర్శిస్తుంది (లక్ష్యం <tfoot> వంటి వాటిని ప్రతిబింబిస్తుంది)
table-row ఈ పరికరం ఒక పట్టిక పంక్తిని ప్రదర్శిస్తుంది (లక్ష్యం <tr> వంటి వాటిని ప్రతిబింబిస్తుంది)
table-column-group ఈ పరికరం ఒక క్రమక్రమ గుంపును ప్రదర్శిస్తుంది (లక్ష్యం <colgroup> వంటి వాటిని ప్రతిబింబిస్తుంది)
table-column ఈ పరికరం ఒక క్రమక్రమ నిలువు నిర్మించబడుతుంది (లక్ష్యం <col> వంటి వాటిని ప్రతిబింబిస్తుంది)
table-cell ఈ పరికరం ఒక పట్టిక క్రమక్రమం కనబడుతుంది (లక్ష్యం <td> మరియు <th> వంటి వాటిని ప్రతిబింబిస్తుంది)
table-caption ఈ పరికరం ఒక పట్టిక శీర్షికను ప్రదర్శించబడుతుంది (లక్ష్యం <caption> వంటి వాటిని ప్రతిబింబిస్తుంది)
inherit డిస్ప్లే లక్షణాన్ని ప్రాధమిక పరికరం నుండి పారంపర్యం చేయాలి అని నిర్ధారించబడింది.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: inline
పారంపర్యానికి సంబంధించిన లక్షణం: no
వర్షన్: CSS1
జావాస్క్రిప్ట్ సంకేతాలు: 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" విలువలను మద్దతు చేస్తాయి。