Surcape -
Redes Sociais:

Você não está conectado. Conecte-se ou registre-se

[CSS] Propriedade "display"

Mensagem - Página 1 de 1

1 [CSS] Propriedade "display" em Dom Nov 01, 2015 7:26 pm

avatarDeveloper
display é a propriedade de CSS mais importante para controlar o layout. Qualquer elemento tem um valor de display por defeito, dependendo do tipo de elemento. O valor por defeito para a maioria dos elementos é normalmente block ou inline. Um elemento block é usualmente chamado de block-level. Um elemento inline é sempre e simplesmente chamado inline.

block

div é um elemento block-level standard. Um elemento block-level começa numa nova linha e alonga-se da esquerda até á direita o mais que conseguir. Outros elementos block-level comuns são p e form, e novos no HTML5 são header, footer, section, e mais.

inline

span é o elemento inline standard. Um elemento inline consegue envolver algum texto dentro de um parágrafo <span> gostar disto </span> sem quebrar o fluxo do parágrafo. O elemento a é o elemento inline mais comum, uma vez que os utilizas para atalhos.

none

Outro valor comum para display é none. Alguns elementos especializados como o script utilizam isto como valor por defeito. É comum utilizar com JavaScript para esconder e mostrar elementos sem realmente os apagar e re-criar.

Isto é diferente de visibility. Atribuir ao display o valor none não deixará espaço onde o elemento supostamente ficasse, mas visibility: hidden; deixará um espaço vazio.

outros valores

display: none;

display: inline;
display: block;
display: contents;
display: list-item;
display: inline-block;
display: inline-table;
display: table;
display: table-cell;
display: table-column;
display: table-column-group;
display: table-footer-group;
display: table-header-group;
display: table-row;
display: table-row-group;
display: flex;
display: inline-flex;
display: grid;
display: inline-grid;
display: ruby;
display: ruby-base;
display: ruby-text;
display: ruby-base-container;
display: ruby-text-container ;
display: run-in;

/* Global values */
display: inherit;
display: initial;
display: unset;

2 Re: [CSS] Propriedade "display" em Dom Nov 01, 2015 8:42 pm

avatarParticipativo
Já conhecia essa propriedade, irá ajudar muitos usuários procurando mais conhecimento.

3 Re: [CSS] Propriedade "display" em Seg Nov 02, 2015 1:48 pm

Administrador

Obrigado! Irá ajudar muito a galera do fórum.

4 Re: [CSS] Propriedade "display" em Seg Nov 02, 2015 2:00 pm

avatarMembro Ativo
Resetado escreveu:Já conhecia essa propriedade, irá ajudar muitos usuários procurando mais conhecimento.


__________________________________

5 Re: [CSS] Propriedade "display" em Seg Nov 02, 2015 2:21 pm

avatarParticipativo
Obrigado por compartilhar


__________________________________

6 Re: [CSS] Propriedade "display" em Seg Nov 02, 2015 6:13 pm

avatarParticipativo
Otimo tutorial, ira ajudar muitos que estao comecando
Ate


__________________________________

7 Re: [CSS] Propriedade "display" em Seg Nov 02, 2015 6:23 pm

avatarParticipativo
Ótimo Tutorial
Obrigado por Compartilhar

Conteúdo patrocinado

Mensagem - Página 1 de 1

Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum