English | česky | >> Português <<ZVON > Tutorials > CSS2 tutorial
>> Exemplo 48 << | Anterior | Próximo | Index | Conteúdos

Um elemento pode ser mostrado como um bloco ("block") ou no contexto da linha ("inline"). Se a propriedade "display" não for especificada, é assumido o modo "inline".

Documento XMLfolha de estilos CSSExemplo de ligação
(1)
     <AAA>
          <BBB>
               <CCC>ccc</CCC>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
               <EEE>eee</EEE>
          </BBB>
          <BBB>
               <CCC>ccc</CCC>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
               <EEE>eee</EEE>
          </BBB>
     </AAA>

BBB {display:block}
CCC {display: inline}
DDD {display: inline}
EEE {display: inline}
Ver resultado
Documento XMLfolha de estilos CSSExemplo de ligação
(2)
     <AAA>
          <BBB>
               <CCC>ccc</CCC>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
               <EEE>eee</EEE>
          </BBB>
          <BBB>
               <CCC>ccc</CCC>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
               <EEE>eee</EEE>
          </BBB>
     </AAA>

BBB {display:block}
CCC {display: inline}
DDD {display:block}
EEE {display: inline}
Ver resultado