CSS-näyttö * Näytön tyyppi

CSS-näyttö

perinnöllinen: Nein

display block | inline | run-in
flow | flow-root | table | flex | grid | ruby | subgrid
list-item | list-item flow | list-item flow | list-item flow-root | list-item block flow | list-item flow-root | flow list-item block
table-row-group | table-header-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | Ruby-text | Ruby-base-container | Ruby-text-container
content | None
inline-block | inline-list-item | inline-table | inline-Flex | inline-Grid
block stellt ein Element als blockelement oder – laatikko, joka luo linjan katkeamisen ennen ja jälkeen elementin. flex edustaa elementtiä lohkoelementtinä ja flex-säiliönä. flow-root voi olla clearfix: kun lohko näyttö: flow-root, seuraavan lohkon on mentävä reunaan, vaikka Elementti float: left tai float-right on tässä lohkossa. grid luo layout grid, jossa elementit voidaan sijoittaa mihin tahansa kohtaan sisällön järjestyksestä riippumatta (tukee IE10, IE11 ja Edge vain rajoitetussa vanhassa syntaksissa). inline-flex edustaa elementtiä inline-elementtinä ja flex-säiliönä. inline on oletus ja edustaa elementtiä inline-elementtinä. Inline-elementit eivät johda rivin katkeamiseen ennen elementtiä ja sen jälkeen. Toisin sanoen elementti näkyy samalla rivillä. inline-block luo laatikon, joka” virtaa ” inlineboxin sisällä. inline-taulukko tarkoittaa taulukkoa inline-elementtinä tai-laatikkona, joka ei johda rivin katkeamiseen ennen taulukkoa ja sen jälkeen. list-item edustaa kohdetta listana. Jokaista elementtiä voi edeltää valinnainen luettelokohta, kuten täytetty ympyrä, joka voidaan myös korvata kuvalla, ikonilla tai symbolilla.
an elegant alternative to:: before marker määrittää Tussin sisällölle ennen tai jälkeen laatikkoelementin. markeria käytetään yhdessä pseudoelementtien: after and: before (display:marker for CSS tricks) kanssa mikään ei estä elementtien näyttämistä. Jos näyttö:mikään ei päde, selaimen on sivuutettava kaikki paikannusohjeet (sekä sijainti että kellua) eikä se luo elementille laatikkoa. run-in edustaa elementtiä lohkona tai rivielementtinä asiayhteydestä riippuen. taulukko edustaa elementtiä lohkoelementtinä. taulukon kuvateksti edustaa elementtiä taulukon kuvatekstinä. taulukko-solu edustaa elementtiä ikään kuin se olisi taulukon solu (td). taulukko-sarake edustaa elementtiä ikään kuin se olisi taulukon sarake (col). taulukko-sarake-ryhmä edustaa elementtiä ikään kuin se olisi taulukon sarakkeiden ryhmä (colgroup). taulukon alatunniste-ryhmä edustaa elementtiä ikään kuin se olisi taulukon alaviitteiden ryhmä (taulukon alatunniste). taulukko-otsikko-ryhmä edustaa Elementti ikään kuin se olisi ryhmä taulukon otsikot. taulukon rivi edustaa elementtiä ikään kuin se olisi taulukon rivi (taulukon rivi). taulukko-rivi-ryhmä edustaa elementtiä ikään kuin se olisi taulukkorivien ryhmä (taulukon rivi).