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

PerguntaSimNão1: 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?
PerguntaSimNão1: Irrita-se com facilidade?2: Nota-se quando está irritado?3: Guarda rancor?4: Perdoa com facilidade?5: É intolerante quando contr…

Tabela Periodica - Atalhos do Excel

Preciso ter um site?

Más é óbvio que a resposta é SIM, até porque como vou ganhar dinheiro fazendo site se as pessoas e empresas não fazem site.
Bem é isso que a maioria das pessoas pensam, que fazer um site é desnecessário e só server pra gastar dinheiro, ou então a pessoa faz um site porque sempre perguntam para ela "Você tem Site?".
Os motivos e necessidades para se ter um site são muitos, varia de negócio para negócio. Listei abaixo alguns itens, caso esteja lendo até aqui, não pare, leia o restante, acredito que vai mudar a seus conceitos sobre ter um site.
Aberto 24h. Suas informações, produtos, serviços estarão disponíveis aos clientes 24 horas por dia.
Credibilidade. É muito difícil para uma pequena empresa concorrer com empresas de grande porte. Na internet é possível que uma pequena empresa, com um site bem projetado, com um bom design gráfico, navegação simples e informações bem redigidas seja bem avaliada pelos seus clientes - mesmo quando comparada com concorrentes de maior porte. Um bom…