Você está na página 1de 5
sta de propiedades CSS. ‘Abaixo uma lista completa de proprledades CSS e a sua respectiva descricto: [t= FUNDO background (Define todos os parametros referentes 'a0 fundo de um elemento. Acelta de 1a 5 valores. WValores: background-color | background-image | lbackground-repeat | background-attachment | jbackground-position [background-color (Define a cor de fundo de um elemento, WValores: nomecor | #rragbb | #rab | rab(d,d,d) | Igb(c%,c%,4%) | transparent bbackground-image (Define uma imagem como fundo de um lelemento. Valores: ul | none background-repeat [Define se a imagem val repetir (formando um mesaico) ou no ea ldirecao de repeticzo. (Valores: repeat | repeat-x | repeat-y | no-repeat jpackground-attachment [Define se a Imagem de fundo de um lelemento ficara fixa ou se ird rolar junto cam o conteudo. (Valores: scroll | fixed background: posttion (Define © ponto onde inicio desenho da imagem de fundo. WValores: top left | top center | top right | center left I center center | center right | bottom left | bottom [canter | bottom right | x2 y% | x unids_css y lunids_css 2 - BORDAS border [Define © estilo, a espessura e a cor das 4 bbordas. Aceita de 18 3 valores. valores: border-style | border-width | border-color [ jboraer-top border-right border-bottom lporcer-iaft [Definem o estilo, a espessura e a cor das bbordas superior, direta, inferior & lesquerda. Acaitam de 1 2 3 valores. (Valores: border-style | border-width | border-color lborder-top-style lborder-top-wieth lborder-top-color [Dafinem o estilo, a espessura e a cor da bborda superior. Acaitam de 1 2 3 valores. Valores: border-style | border-width | border-color [border-right-style border-right-width lborder-right-color DDefinem o estilo, 2 espessura e a cor da lborda direta, Aceltam de 1 a 3 valores. Valores: border-style | border-width | border-color [border-bottom-style lborder-bottom-width lparder-bottom-color [Detinem o estilo, a espessura ea cor da lborda inferior, Acettam de 1 @ 3 valores, (Valores: border-style | border-width | border-color lboraer-laf-style lborder-left- width order laft-color [Dafinem o estilo, a expessura ea cor da bborda esquerda, Aceltam de 1 a3 valores. valores: border-style | border-width | border-color border-style [Define o ecto das 4 bordas, Acelta de 1 la 4 valores. WVelores: none | hidden | dotted | dashed | solid | (double | groove | ridge | inset | outset border-width DDafine a espessura das 4 bordas. Aceita lae 11a 4 valores (Valores: thin | medium | thick | unlds_ces border-color [Define a cor das 4 bordas. Acelta dela 4 valores. Wvelores: nomecor | #rragbb | s#rab | rab(d,4,d) | rad(d%,c%,4%) [3 - LINHAS DE CONTORNO. outline (Define o estilo, a espessura e a cor da linha de contorno. Acelta de 1a 3 valores. jvalores: outline-style | outline-width | outling-color foutline-style DDafine o estilo da linha de contorno, WVelores: none | hidden | dotted | dashed | solid | (double | groove | ridge | inset | outset foutline-width Valores: thin | medium | thick | unids_cs5 Define a espessura da linha de contore. [| outine-color [Define a cor da linha de contorno, WVelores: nomecor | #rragbb | #rab | rab(d,d,d) | i a | Valores: margin-top | margin-right | margin-bottom | margin-left (Define as 4 margens do elemento. Aceita je 14 valores, Frargin-too Imargin-right |margin-bottom margin-left [Definem as margens superior, dirota, Inferior ¢ esquerda. (Valores: auto | unids_css | (5 - ESPACO EM BRANCO (PADDING) lpadaing Define o espaco entre o conteudo © os 4 limites do elemento. Acetta de 1a 4 \valores. WValores: padding-top | padding-right | padding- bottom | padding-left [padding-top padding-right padding-bottom yadding-left DDefinem o espaco entre o contedde e os limites superior, dreito, inferior @ lesquerdo (valores: unids ces | % {6 - CLASSIFICAGAO (FORMA DE EXIBICAO) (Dafine os lados de um elemento onde inao sao permitidos alementos futuantes. Valores: left | right | both | none [Define um formato para o cursor. WValores: wi | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | Ise-resize | sw-resize | s-resize | w-resize | text | jwait | helo ilsplay [Define se um elemento dave ser lapresentado ¢ a forma ce apresentagao. WVelores: none | inline | block | list-tem | run-in | |compact | marker | table | iniine-table | table-row- laroup | table-header-graup | table-Footer-qroup | ftable-row | table-column-group | table-column | fable-cell | table-caption float [Define o alinhamento de urn elemento e Icantrola o fluxo de texto au de outros: lelementes ao seu redor. [Velores: left | right | none. position (Define 3 posigfo de um elemento como lestatica, relativa, absoluta ou fixa. Valores: static | relative | absolute | fixed Wisibiity (Define se um elemento dave fcar visivel lou invsivel WVelores: visible | hidden | collapse )SICIONAMENTO _ [Dafinem a distancia do elemento em Irelacdo ao limite do elementa que 0 Icontém, WVelores: auto | unids_css | vertical-align [Define o allnhamenta vertical do lelemiento. Valores: baseline | sub | super | top | text-top | (middle j bottom | text-bottom | unids_css | % Valores: auto | shape [Define a forma de um elemento, loverfiow [Define o que deve ocarrer quando 0 Iconteudo de um elemento excede sua valores: visible | hidden | scrall | auto Ie-index (Define a ordem de apresentacio dos lelementos quando ha sobreposicao. WValores: auto | numero {5 - DIMENSIONAMENTO. fwidth height (Definem a largura ea altura de um llemento, (Valores: auto | unids_css | % fmaxcwidth |max-height DDafinem a largura maxima e a altura Imaxima de um elemento, WVelores: none | unids_css | 06 fnin-width nin-height DDefinem a largura minima e a altura ‘minima de um element. (Valores: unids ces | Ye fine-height valores: normal | numero | unids_css | vo font (Dafine a distancia entve Inhas de texto, [Define varios valores da fonte. VValores: font-family | font-size/line-height | font= Istyle | font-weight | Font-variant | caption | icon | (menu | message-box | small-caption | status-bar font-family [Define o Epo de Fonte, [Velores: family-name | generie-family font-size. (Define o tamanho da fonte. WVelores: x0-small | x-small | small | medium | laroe| | x-large | oclarge | smaller | larger | unlds_css | i font-style (Define o estilo da fonte. valores: normal | italic | oblique font-weight (Define 3 espessura do traco da fonte. WVelores: normal | bold | bolder | lighter | 100 | 200) | 300 | 400 | 500 | 600 | 700 | 800 | 900. font-size-adjust (Define que o tamanho da fonte deve ser ‘ajustado, caso 0 browser tenha de lutlizar outro tipo de fonte que no o lescolhide em font-family Valores: none | nimero font-variant [Define se deve ser utllzado um tpo de fonte "small-caps" ou normal (Valores: normal | small-caps ont-stretch (Define uma contracio ou expansao na largura da Fonte. Valores: normal | wider | narrower | ultra- (condensed | extra-condensed | condensed | semi- {condensed | semi-expanded | expanded | extra- lexpanded | ultra-expanded [10 - TEXTO [color [Define a cor do texto, WVelores: nomecor | #rragbb | #rab | rab(d,d,d) | inn ses Fes oR gener ey ext-indent (Define um deslocamento para a dirclta lou esquerde da primeira linha do texto, (Valores: unids_cxs | % text-decoration [Define um efeito decorative para o texto, WValores: none | underline | overline | line-through | blink text-transform (Define que o texto deve ser capitalizado lou ser exibldo tedo em maltsculas ou Imindsculas, WValores: none | capitalize | uppercase | lowercase letter-spacing jword-spacing [Definem um aumento ou diminuicao no lespaco entre os caracteres ou entre as, palavras. WVelores: normal | unids css white-space [Define o tratamento a ser dado a0 lespaco em branco existente dentro de lum elemento, Wvelores: normal | pre | nowrap (direction (Define a dlragao am que @ escrito 0 texto. Da esquerda para a direlta ou da direita para a esquerda (Valores: tr [rt [11 - LISTAS E MARCADORES list-style [Define todos os parametros referentes a luma lista, Acalta de La 3 valores. [Velores: lst-style-type | lst-style-position | lst- Istye-image list-style-type [Define © tipo de marcador de item da lista, WValores: none | disc | circle | square | decimal | (decimal-leading-zero | lower-roman | upper-roman | lower-aipha | upper-alpha | lower-greek | lower: Jatin | upper-Iatin | hebrew | armenian | georgian | {lk-ideographic | iragana | katakana | hiragana- lioha | katakana-Iroha list-style-position Dafne 8 EosleSe do mereador de tem da lista Valores: inside | outside ist-style-image (Define a imagem a ser utiizada como Imarcador de Item da lista. (Valores: none | ur [42 - TABELAS lporder-collapse (Define se os tracos das bordas sero fundidos ou mantidos separados. Valores: collopse | separate lborder-spacing (Dafine a distancia entre as bordas de células adjacentes. $6 aplicével quando border-collapse for separate. [Valores unids_cos lempty-cells| Valores: show | hide [caption-side [Define se as celulas sem conteudo visivel \devern ter bordas ou nao. 50 aplicivel (quando border-collapse for separate. _| DDefine a posicSo da legenda na tabela. Valores: top | bottom | eft | right frable-layout [Define como sera desenhada a tabela Valores: auto | fixed [13 - GERAGAO DE CONTEUDO [ content ‘Gera conteudo para um elemento. \Utizada com os pseudo-elementos before e :after. (Valores: string | url | counter(name) | counter(name, list-style-type) | counters(name, String) | counters(name, string, list-style-type) | jattr(X) | open-quote | close-quote | no-open-quote | no-close-quate {counter-inerement jfine em quanto sera incrementado © ‘contador a cada acorréndia de um Iseletor. lvalores: none | numero identificador [Define o valor a a ser atribulde ao contador a cada ocorréncia de um Sseletor. (Valores: none: ee namero identificador [quotes ——*éiDine ol das apa, Elisa Maria Pivetta ~ CAFW/UFSIN

Você também pode gostar