Niquelao » Arquivo do blog » CSS 3: Propriedades de fundo

» Arquivo do blogue » CSS 3: Propriedades de fundo Niquelao CSS 3: Propriedades de fundo 2 de Dezembro de 2009, por Rumoroso Ontem deu-me para compilar as propriedades que previsivelmente o CSS 3 incluirá para controlar o fundo de qualquer elemento (no meio visual) e os seus correspondentes valores. Várias delas coincidem com as que habitualmente utilizamos nas nossas folhas de estilo, pelo que não nos deveriam parecer estranhas. As restantes são novas propriedades que vêm colmatar as lacunas que os profissionais de CSS tinham identificado. A partir disso preparei a seguinte tabela: Propriedade valor/es por omissão % background-attachment [scroll | fixed | local] [ , [scroll | fixed | local] ]* scroll - background-clip [border-box | padding-box] [ , [border-box | padding-box] ]* border-box - background-color transparent - background-image [ | none] [ , [ | none] ]* none - background-origin [border-box | padding-box | content-box] [ , [border-box | padding-box | content-box] ]* padding-box - background-position [ [ [ | | left | center | right ] ] [ [ | | top | center | bottom ] ]? | [ center | [ left | right ] [ | ]? ] || [ center | [ top | bottom ] [ | ]? ] ]* 0% 0% se background-repeat [repeat-x | repeat-y | [repeat | space | round | no-repeat] ] [ , repeat-x | repeat-y | [repeat | space | round | no-repeat] ]* repeat - background-size [ [ | | auto ]{1,2} | cover | contain ] [ , [ | | auto ]{1,2} | cover | contain ]* auto se …e, claro está, a forma abreviada : background: [ || || / || || || , ]* || || / || || || || <’background-color’> Algumas das propriedades começam a ter suporte nas versões mais atuais dos navegadores (como já mencionei no artigo intitulado Várias imagens de fundo com CSS 3 ), incluindo-se em alguns casos de forma experimental (por exemplo no Firefox através do prefixo -moz ). nota: Recordo-vos que nenhuma das propriedades é herdada. Em breve, para deixar o tema niquelao e compreender claramente o que podemos chegar a conseguir modificando as propriedades de fundo, explicarei em detalhe o que faz cada uma delas. CSS 3: Propriedades de fundo Categoria: CSS —> Podes acompanhar os comentários através do feed RSS 2.0 . Também podes enviar um trackback a partir do teu site. Artigo anterior: Várias imagens de fundo com CSS 3 Artigo seguinte: Se utilizas o Safari ou o Chrome… —> —> —> Esta obra está sob uma licença de Creative Commons .