Articles of css

Linhas de altura iguais no layout da grade CSS

Eu entendo que isso é impossível de conseguir usando o Flexbox, já que cada linha só pode ter a altura mínima necessária para ajustar seus elementos, mas isso pode ser conseguido usando o mais novo CSS Grid? Para ser claro, quero altura igual para todos os elementos em uma grade em todas as linhas, não […]

Como obter a fonte renderizada real quando não está definida em CSS?

Como obtenho a face da fonte e o tamanho da fonte de um elemento quando as propriedades da fonte e do tamanho da font-face do CSS não estão definidas? Por exemplo, o snippet de JavaScript object.style.fontFamily não retorna nenhum valor. Isso é bastante óbvio, supondo que o CSS não tenha aplicado um estilo para object […]

CSS text-transform capitalize em todas as letras

Aqui está o meu HTML: small caps & ALL CAPS Aqui está o meu CSS: .link {text-transform: capitalize;} A saída é: Small Caps & ALL CAPS e eu quero que a saída seja: Small Caps & All Caps Alguma ideia?

Problema de Sobreposição de Margens CSS

Por favor, veja meu código, não entendo porque as margens desses divs estão sobrepostas. Get in Touch: +44 10012 12345 O CSS: .alignright {float: right} #header .social {margin-top: 50px;} #header .social a {display: inline-block;} #header .social .fb {width: 64px; height: 1px; padding-top: 60px; overflow: hidden;} #header .social .twit {width: 64px; height: 1px; padding-top: 60px; overflow: […]

auto resize texto (tamanho da fonte) ao resize a janela?

Eu tenho tentado (em vão) construir uma página cujos elementos seriam redimensionados conforme eu mudei o tamanho da janela. Eu tenho que trabalhar em css para imagens sem nenhum problema, mas não consigo realizar o mesmo para o texto, e não tenho certeza se é mesmo possível em CSS. E eu não consigo encontrar um […]

resize tamanho da fonte de acordo com o tamanho div

Eu fiz este jsfiddle o html: header not a lot of text here but still overflowing com css: html, body { height: 100%; width: 100%; } #launchmain { width: 55%; display: inline-block; position: relative; top:10%; left:25%; } #launchmain:after { padding-top: 79.26%; display: block; content: ”; margin-top: 10px; } #box1 { border: 1px solid #000000; position: […]

Redimensionar automaticamente imagens com tamanho do navegador usando CSS

Eu quero que todas as minhas imagens (ou apenas algumas) sejam redimensionadas automaticamente quando resize a janela do meu navegador. Eu encontrei o seguinte código – ele não faz nada. HTML CSS body { font-family: Arial; font-size: 11px; color: #ffffff; background: #202020 url(../../img/body_back.jpg) no-repeat top center fixed; background-size: cover; } #icons { position: absolute; bottom: […]

SVG em proporções de elemento img não respeitadas em ie9

CSS: img{ max-height:30px; } HTML: Eu estou olhando para esta imagem svg para dimensionar proporcionalmente a uma altura máxima de 30 pixels de altura. As dimensões naturais do svg são 200px por 200px. Funciona muito bem em FF e Chrome (30×30), mas no IE9 a imagem é 30×200. Agora aqui está o kicker. Isso só […]

Como include CSS e jQuery no meu plugin wordpress?

Como include CSS e jQuery no meu plugin wordpress?

Desativar antialising ao resize imagens

Duplicar Possível: Como esticar imagens sem antialiasing É possível, de alguma forma, desabilitar o antialiasing ao dimensionar uma imagem? Agora, eu recebo algo parecido com isto: Usando o seguinte código css: #bib { width:104px;height:104px;background-image:url(/media/buttonart_back.png);background-size:1132px 1360px; background-repeat:no-repeat;} O que eu gostaria, é algo assim: Em suma, qualquer sinalizador CSS para desativar o anti-aliasing ao dimensionar as […]