Articles of css

Estique o texto para caber na largura do div

Eu tenho um div com uma largura fixa, mas o texto dentro do div pode mudar. Existe uma maneira de definir, com css ou outro, o espaçamento entre as letras para que o texto sempre preencha perfeitamente o div?

Onda (ou forma?) Com borda no CSS3

Eu preciso implementar uma forma de onda com CSS3, tentei implementar com CSS3 Shapes, mas eu não alcancei o resultado desejado. * { margin: 0; padding: 0; } body { background: #007FC1; } .container, .panel { border-bottom: 4px solid #B4CAD8; } .container { background-color: #fff; } .container > .text { padding: 0.5em; } .panel { […]

Ordenação de colunas no Bootstrap 4

Eu tenho 3 colunas que eu quero encomendar de maneiras diferentes no desktop e celular. Atualmente, minha cinge se parece com isso: 1 2 3 Na visualização móvel, quero ter a seguinte ordem: 1-3-2 Infelizmente eu não entendo como resolver isso com as classs .col-md-push- * e .col-md-pull- * no Bootstrap 4.

Como eu alcanço divs de altura iguais (lado a lado) com HTML / CSS?

Eu tenho dois divs dentro de um contêiner. Um à esquerda, outro à direita, lado a lado. Como posso fazer com que cada um tenha a mesma altura, mesmo que eles tenham conteúdo diferente? Por exemplo, o direito div tem um monte de conteúdo e é o dobro da altura da div esquerda, como faço […]

Mostrar / ocultar div ao clicar com CSS

Eu tenho um menu e três divs ocultos que aparecem dependendo da opção que o usuário seleciona. Eu gostaria de mostrar / escondê-los no clique usando apenas CSS. Eu tenho que trabalhar com jquery agora, mas eu quero que seja acessível com js desativado. Alguém aqui forneceu esse código para outra pessoa, mas ele só […]

Meu CSS não está sendo injetado por meio do meu script de conteúdo

Alguém pode explicar isso para mim. Estou tentando injetar um arquivo CSS em uma página da Web usando o content_script com as extensões do Google, mas meu arquivo css nunca é adicionado à página da web. Alguém pode me dizer o que estou fazendo de errado e me ajudar a consertar? obrigado Manifesto: { “name”: […]

Inverta o canto arredondado em CSS?

Eu tenho um código css: -moz-border-radius-topleft:50px; Eu obtenho o resultado: Existe alguma possibilidade de dar assim:

A meta tag da viewport é realmente necessária?

Criei alguns sites responsivos, mas sou bastante novo no desenvolvimento de sites responsivos. No meu CSS, 99% dos meus valores estão em ems ou porcentagens. Estou usando consultas de mídia (max-width e max-device-width) para fazer alterações de layout. Eu não incluí uma metatag da viewport e ela funciona perfeitamente no iOS, em vários telefones e […]

Seletor CSS para selecionar o primeiro elemento de uma determinada class

Estou tentando selecionar um primeiro elemento da class ‘A’ em um elemento com id ou class ‘B’. Eu tentei uma combinação de seletores de + e primeiro filho, já que não é um primeiro elemento dentro do elemento de class ‘B’. Funcionou, mas … eu estou tentando sobrescrever alguns css padrão e não tenho controle […]

Como parar um loop setTimeout?

Eu estou tentando construir um indicador de carregamento com um sprite de imagem e eu vim com essa function function setBgPosition() { var c = 0; var numbers = [0, -120, -240, -360, -480, -600, -720]; function run() { Ext.get(‘common-spinner’).setStyle(‘background-position’, numbers[c++] + ‘px 0px’); if (c<numbers.length) { setTimeout(run, 200); }else { setBgPosition(); } } setTimeout(run, […]