All for Joomla All for Webmasters

Deixando letras em caixa alta no CSS

Essa é uma linha bem simples que ensina a padronizar um CSS, colocando todos os textos do mesmo em caixa alta, como é o caso dos meus títulos:

exemplo

É prático porque você não precisa ficar digitando em caixa alta sempre que for usar a tag, código, título, blockquote… tudo vai ficar em caps lock automaticamente. Veja o código:

text-transform: uppercase;

É só copiar essa linha para o CSS da coisa que você quer que fique com os textos maiúsculos. Exemplo, vou colocar essa linha de código no CSS dos meus títulos:

h1 {
background: #ffffff;
text-transform: uppercase;
box-shadow: inset 1px 1px 15px #cccccc;
font-family: arial;
font-size: 20px;
font-weight: bold;
border-top: 5px solid #000874;
border-bottom: 2px solid #000874;
padding: 5px;
margin: auto;
margin-left: -5px;
text-align: center;
width: 490px;}

Bem simples, né? Qualquer dúvida, só perguntar no ask-me.