Ao inspecionar um elemento usando as ferramentas do Chrome, na guia Elementos, a barra 'Estilos' do lado direito mostra as propriedades CSS correspondentes. Às vezes, algumas dessas propriedades são atingidas. O que essas propriedades
Ao inspecionar um elemento usando as ferramentas do Chrome, na guia Elementos, a barra 'Estilos' do lado direito mostra as propriedades CSS correspondentes. Às vezes, algumas dessas propriedades são atingidas. O que essas propriedades
Quero adicionar um espaço em branco após algum conteúdo, no entanto, content: " ";isso não parece funcionar. Este é o meu código: h2:after { content: " "; } ... o que não funciona, no entanto: h2:after { content: "-"; } O que estou fazendo de
Qual é a diferença entre especificar uma cor de fundo usando backgrounde background-color? Snippet # 1 body { background-color: blue; } Snippet # 2 body { background: blue;
Geralmente, as áreas de texto são retangulares ou quadradas, assim: Mas eu quero uma área de texto com formato personalizado, como este, por exemplo: Como isso é
Considere o seguinte HTML: <div class='x'> <ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> <li>Number four is a bit longer</li> <li>Number five</li> </ul> </div> e o seguinte CSS: .x {...
Como faço para que uma div se ajuste automaticamente ao tamanho do plano de fundo que defini para ela sem definir uma altura específica (ou uma altura
Eu sei como fazer 2 divs flutuar lado a lado, simplesmente flutuar um para a esquerda e outro para a direita. Mas como fazer isso com 3 divs ou devo apenas usar tabelas para esse
Eu tenho um tablecujos tdsão criados dinamicamente. Eu sei como obter o primeiro e o último filho, mas minha pergunta é: Existe uma maneira de obter o segundo ou terceiro filho usando
Colocando a saída SVG diretamente alinhada com o código da página, eu posso modificar as cores de preenchimento com CSS da seguinte maneira: polygon.mystar { fill: blue; } circle.mycircle { fill: green; } Isso funciona muito bem, no entanto, estou procurando uma maneira de modificar o...
Esta é uma questão de duas partes: Como você pode posicionar o modal verticalmente no centro quando não sabe a altura exata do modal? É possível ter o modal centralizado e ter excesso: auto no corpo modal, mas apenas se o modal exceder a altura da tela? Eu tentei usar isso: .modal-dialog {...
Os elementos HTML del, strikeou spodem ser usados para um texto tachado efeito. Exemplos: <del>del</del> .... dá: del <strike>strike</strike> and <s>strike</s> .... dá: greve e greve A text-decorationpropriedade CSS com um valor line-throughpode ser usada de...
Dado um modelo em que o HTML não pode ser modificado devido a outros requisitos, como é possível exibir (reorganizar) um divacima do outro divquando eles não estão nessa ordem no HTML? Ambos divs contêm dados que variam em altura e largura. <div id="wrapper"> <div id="firstDiv">...
É possível alterar os estilos de uma div que reside dentro de um iframe na página usando apenas
Eu preciso de uma solução simples. Eu sei que é semelhante a algumas outras perguntas, como: Tabela HTML com cabeçalhos fixos e uma coluna fixa? Como bloquear a primeira linha e a primeira coluna de uma tabela ao rolar, possivelmente usando JavaScript e CSS? Mas preciso que apenas uma coluna da...
Dada a marcação a seguir, como eu poderia usar o CSS para forçar uma célula (todas as células da coluna) a se ajustar à largura do conteúdo dentro dela, em vez de esticar (qual é o comportamento padrão)? <style type="text/css"> td.block { border: 1px solid black; } </style> <table...
Eu tenho um componente pai: <parent></parent> E eu quero preencher esse grupo com componentes filhos: <parent> <child></child> <child></child> <child></child> </parent> Modelo principal: <div class="parent"> <!-- Children...
Eu posso ver nas referências CSS como definir a transparência da imagem e como definir uma imagem de plano de fundo . Mas como posso combinar esses dois para definir uma imagem de plano de fundo transparente? Eu tenho uma imagem que eu gostaria de usar como plano de fundo, mas é muito brilhante -...
Isto é o que eu tentei (veja aqui ): body { overflow: hidden; } span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; } Essencialmente, quero que a extensão encolha com reticências quando a janela for pequena. O que eu fiz
Tenho que envolver meu ícone em uma <a>tag por algum motivo. Existe alguma maneira possível de mudar a cor de um ícone impressionante de fonte para preto? ou é impossível contanto que esteja dentro de uma <a>tag? Fonte impressionante é suposto ser fonte não imagem, certo? <a...