Perguntas com a marcação «css»

86
contorno em apenas uma borda

Como aplicar uma borda inserida em um elemento HTML, mas apenas em um lado dele. Até agora, tenho usado uma imagem para fazer isso (GIF / PNG) que usaria como plano de fundo e esticaria (repeat-x) e posicionaria um pouco fora do topo do meu bloco. Recentemente, descobri a propriedade CSS do...

86
Posso adicionar cor de fundo apenas para preenchimento?

Eu tenho uma caixa de cabeçalho incluindo borda e preenchimento e cor de fundo para essa caixa, posso alterar a cor de fundo apenas para a região preenchida após a borda e, em seguida, a mesma cor de fundo para o resto da largura (ou seja, cinza no código fornecido) ? Apenas uma pitada do...

86
Estendendo seletores de consultas de mídia com Sass

Eu tenho uma classe de item e uma classe "modificadora" compacta: .item { ... } .item.compact { /* styles to make .item smaller */ } Isto é bom. No entanto, gostaria de adicionar uma @mediaconsulta que force a .itemclasse a ser compacta quando a tela é pequena o suficiente. À primeira vista,...

86
Optimize Font Awesome somente para classes usadas

Estou usando o arquivo Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass para torná-lo _font-awesome.sass para que eu possa @importem meu projeto Sass. Também estou usando http://middlemanapp.com/ para converter Sass para Css . Questões: Existe...

86
Girar e traduzir

Estou tendo problemas para girar e posicionar uma linha de texto. Agora é apenas a posição que funciona. A rotação também funciona, mas apenas se eu desativar o posicionamento. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } O html é...

86
Como usar glificons no bootstrap 3.0

Já usei glificons no bootstrap 2.3, mas agora atualizei para o bootstrap 3.0. Agora, não consigo usar a propriedade icon. No bootstrap 2.3, a tag abaixo está funcionando <i class="icon-search"></i> No bootstrap 3.0, não está funcionando.

85
O que significa uma propriedade precedida de estrela em CSS?

Eu estava olhando um arquivo css hoje e encontrei o seguinte conjunto de regras: div.with-some-class { display:block; margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; font-size:11px; font-weight:normal; *line-height:13px; color:#3D9AD0; } O que significa a estrela em * preenchimento...

85
Como definir a espessura da borda em porcentagem?

Como definir a largura da borda de um elemento em porcentagens? Eu tentei a sintaxe border-width:10%; Mas não funciona. O motivo pelo qual desejo definir border-widthem porcentagens é que tenho um elemento com width: 80%;e height: 80%;e desejo que o elemento cubra toda a janela do navegador,...