Perguntas com a marcação «css»

CSS (Cascading Style Sheets) é uma linguagem de folha de estilos de representação usada para descrever a aparência e a formatação de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) e elementos SVG, incluindo (mas não limitado a) cores, layout, fontes, e animações. Também descreve como os elementos devem ser renderizados na tela, no papel, na fala ou em outra mídia.

3
CSS: opacidade de transição no afastamento do mouse?
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Por que isso apenas anima a opacidade quando passo o mouse, mas não quando deixo o objeto com o mouse? Demonstração …
12
Comprimento da borda menor que largura div?
Eu tenho o seguinte código div { width:200px; border-bottom:1px solid magenta; height:50px; } DEMO A largura div é 200px, então border-bottom também é 200px, mas o que devo fazer se quiser que o border-bottom apenas 100px sem alterar a largura div?
115 html  css 
16
Como você lê os valores das regras CSS com JavaScript?
Eu gostaria de retornar uma string com todo o conteúdo de uma regra CSS, como o formato que você veria em um estilo embutido. Eu gostaria de poder fazer isso sem saber o que está contido em uma regra específica, então não posso apenas retirá-los por nome de estilo (como …
115 javascript  html  css 
8
Empilhar DIVs um em cima do outro?
É possível empilhar vários DIVs como: <div> <div></div> <div></div> <div></div> <div></div> </div> Para que todos os DIVs internos tenham a mesma posição X e Y? Por padrão, todos eles vão abaixo uns dos outros, aumentando a posição Y pela altura do último DIV anterior. Tenho a sensação de que algum …
115 css  html  stack  css-float 
12
Intervalo do tipo de entrada HTML5 mostra o valor do intervalo
Estou criando um site onde desejo usar o controle deslizante de intervalo (sei que ele só oferece suporte a navegadores webkit). Eu o integrei totalmente e funciona bem. Mas eu gostaria de usar um textboxpara mostrar o valor do slide atual. Quer dizer, se inicialmente o controle deslizante está no …
115 html  css  range 
10
Qual é o oposto de: pairar (ao sair do mouse)?
Existe alguma maneira de fazer o oposto de :hover usar apenas CSS? Como em: se :hoverfor on Mouse Enter, há um CSS equivalente a on Mouse Leave? Exemplo: Eu tenho um menu HTML usando itens de lista. Quando passo o mouse sobre um dos itens, há uma animação em cores …
115 css  hover 
5
Como alterar a cor da borda da área de texto em: foco
Perdoe-me, é uma pergunta estúpida, mas preciso de ajuda. Quero mudar a cor da borda de TEXTAREA em foco. mas meu código não parece funcionar corretamente. Veja o código no violino . <form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()" style="width:40%"> <input type="text" placeholder="Enter Name." name="name" maxlength="300" class="input"> …
115 html  css 
8
Manter a proporção da imagem ao alterar a altura
Usando o modelo CSS flex box, como posso forçar uma imagem a manter sua proporção? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Observe que as imagens aumentam ou diminuem para preencher a largura do contêiner. Tudo bem, mas também podemos esticar ou diminuir a altura para manter as proporções da imagem? HTML <div class="slider"> …
114 html  css  flexbox 
5
Cor da borda personalizada do triângulo CSS
Tentativa de usar uma cor hexadecimal personalizada para meu triângulo css (borda). No entanto, uma vez que ele usa propriedades de borda, não tenho certeza de como fazer isso. Eu gostaria de evitar javascript e css3 simplesmente por causa da compatibilidade. Estou tentando fazer com que o triângulo tenha um …
114 css  border  css-shapes 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.