Como simplificar código de bordas com CSS
2 participantes
Página 1 de 1
Como simplificar código de bordas com CSS
Olá amigos, eu tenho uma dúvida que me persegue a tempos já.. Um boa prática que sempre vejo pessoas recomendando é simplificar códigos CSS, por exemplo:
Ao invés de usar isso, usar isto:
Porém, eu não consigo fazer isso com bordas no CSS, por exemplo se eu quiser adicionar um valor para a cor da borda superior, inferior, etc.. E alterar o tamanho da mesma só que tudo no mesmo código..
Alguém tem ideia de como é feito? Fico grato pela atenção!
- Código:
padding-top: 7px;
padding-bottom: 7px;
padding-left: 4px;
padding-right: 4px;
Ao invés de usar isso, usar isto:
- Código:
padding: 7px 4px;
Porém, eu não consigo fazer isso com bordas no CSS, por exemplo se eu quiser adicionar um valor para a cor da borda superior, inferior, etc.. E alterar o tamanho da mesma só que tudo no mesmo código..
Alguém tem ideia de como é feito? Fico grato pela atenção!
Re: Como simplificar código de bordas com CSS
a nível web-kit não é possível com bordas, o maxímo que vai conseguir isso aqui
http://jsfiddle.net/joelson0007/JAad5/
Já outros navegadores com motores diferentes eu não sei
http://jsfiddle.net/joelson0007/JAad5/
Já outros navegadores com motores diferentes eu não sei
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Como simplificar código de bordas com CSS
Uma pena não? Mas de qualquer forma eu não conhecia este método que você mostrou, gostei!
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|