Pular para o conteúdo principal

CSS3 - calc()

No CSS3 temos um módulo que se chama "CSS Values and Units Module Level 3", este módulo tem o intuito de descrever os valores e unidades que as propriedades do CSS aceita.


Entre outras novidades ou nem tão novidades pois este módulo já existe desde Agosto/2012, criou-se três funções CSS destinadas a definir valores CSS. São elas: attr(), calc() e toggle().

Neste Post/Vídeo veremos a função calc(), que é suportada nas versões mais novas dos navegadores.

Para que serve?
Permite que sejam definidos valores que são resultados de uma expressão matemáticas.

Quais operadores são válidos?
+ (soma)
- (subtração)
* (multiplicação)
/ (divisão)

Sintaxe:
seletor { propriedade: calc(expressão matemática); }

Exemplo:
Certo: calc(100% - 200px)
Errado: calc(100%-200px)

OBS: Nas expressões matemática as unidades CSS são aceitas para: ângulo, frequência, tempo, comprimento, números inteiros e fracionários, nas expressões é possível utilizar diferentes unidades de medida, lembre sempre de deixar espaços em branco entre os valores e os operadores.

Comentários

Postagens mais visitadas deste blog

Temperamento - Decubra seu Perfil Profissional

Pergunta Sim Não 1: Gosta de conversar? 2: Gosta de atividade, ação? 3: Emociona-se com facilidade? 4: “Explode” facilmente? 5: Está sempre atualizado nos mais diversos assuntos(cultura geral)? 6: É imaginativo? 7: Tem inclinação para a crítica e para ironia? 8: Tem tendência a mudar de opinião se apresentarem argumentos válidos? 9: Quando lhe pedem desculpas,reconcilia-se com facilidade? 10: Tem dificuldade em perdoar/esquecer? 11: Gosta de fazer o bem sempre que pode? 12: Aflige-se facilmente com os males do próximo? 13: É mais optimista do que pessimista? 14: Ri com facilidade quando há motivo? 15: É uma pessoa inconstante,pouco perseverante? 16: Prefere que sejam outros a resolver os problemas? 17: Aceita facilmente novas ordens que lhe são dadas? 18: Gosta de novidades? 19: Gosta de andar elegante, bem vestido? 20: Gosta de ser admirado/elogiado pelos outros? Pergunta Sim Não

Tabela Periodica - Atalhos do Excel

PDF Converter Precisa converter algum arquivo em PDF, mas não tem algum programa que faça isso? O site PDF Converter faz o serviço em poucos cliques. Vá ao botão Browse, escolha o documento que quer converter, digite o e-mail de destino e clique em Convert Your File Google Tradutor Se você tem dificuldades em ler textos em outras línguas, o Google Tradutor é uma boa opção. Para utilizá-lo, escolha o idioma, digite o texto e, depois, selecione para qual idioma quer traduzir. Colar um endereço de página (URL) na caixa de texto e clicar em Traduzir também funciona HearNames O HearNames mostra como se pronuncia corretamente um nome. Para usar o serviço, digite o nome na caixa de texto e clique em Search. Após isso, clique no ícone de alto-falante que aparecerá para ouvir como se fala SuperLame Útil para quem não sabe mexer em programas de edição, o SuperLame executa uma função simples: inserir balões de diálogo em imagens. O procedimento é simples: faça o upload de uma imagem