05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 1/11

Ajuda do Dreamweaver / Definir propriedade do CSS

Para o início

Font-famil

Na Dreamweaver CC e poterior, o painel CSS Stle foi utituído pelo CSS Deigner. Para oter maiinformaçõe, conulte CSS Deigner.

Você pode definir a propriedade da regra CSS como fonte do texto, imagem e cor do fundo,propriedade de epaçamento e laout, e a aparência do elemento de lita. Primeiro crie uma novaregra e defina qualquer uma da propriedade a eguir.

Definição de propriedade do tipo CSS

Definição de propriedade do fundo de etilo CSS

Definição de propriedade do loco de etilo CSS

Definição de propriedade da caixa de etilo CSS

Definição de propriedade da orda de etilo CSS

Definição de propriedade da lita de etilo CSS

Definição de propriedade do poicionamento de etilo CSS

Motrar tudo

Definição de propriedade do tipo CSS

Ue a categoria Tipo na caixa de diálogo Definição de regra CSS para definir a configuraçõe áica defonte e tipo para um etilo CSS.

1. Ara o painel CSS Stle (Shift + F11) cao ele ainda não eteja aerto.

2. Clique dua veze em uma regra ou propriedade exitente no painel uperior do painel CSS Stle.

3. Na caixa de diálogo Definição de regra CSS, elecione Tipo e defina a propriedade de etilo.

Deixe qualquer uma da eguinte propriedade vazia cao ela não ejam importante para oetilo:

Define a família de fonte (ou érie de família) para o etilo. O navegadore exiemo texto na primeira fonte da érie intalada no itema do uuário. Para fin de compatiilidade com

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 2/11

Font-ize

Font-tle

Line-height

Text-decoration

Font-weight

Font-variant

Text-tranform

Cor

Para o início

o Internet xplorer, lite uma fonte do Window primeiro. O atriuto de fonte é compatível comamo o navegadore.

Define o tamanho do texto. Você pode ecolher um tamanho epecífico elecionando onúmero e a unidade de medida, ou você pode ecolher um tamanho relativo. Pixel impede que onavegadore ditorçam o texto. O atriuto de tamanho é compatível com amo o navegadore.

pecifica Normal, Italic ou Olique como etilo de fonte. A configuração padrão éNormal. O atriuto de etilo é compatível com amo o navegadore.

Define a altura da linha em que o texto é colocado. ta configuração étradicionalmente chamada de leading. Selecione Normal para que a altura da linha do tamanho dafonte eja calculada automaticamente ou digite um valor exato e elecione uma unidade demedida. O atriuto de altura da linha é compatível com amo o navegadore.

Adiciona uma ulinha, orelinha ou tachado ao texto ou torna o textointermitente. A configuração padrão é None. A configuração padrão para link é Underline. Quandovocê define a configuração de link para none, pode remover a ulinha do link definindo umaclae epecial. O atriuto de decoração é compatível com amo o navegadore.

Aplica um valor epecífico ou relativo de negrito à fonte. Normal equivale a 400; oldequivale a 700. O atriuto de epeura é compatível com amo o navegadore.

Define a variante de veralete no texto. O Dreamweaver não exie ee atriuto najanela Documento. O atriuto de variante é compatível com o Internet xplorer, ma não com oNavigator.

Coloca a primeira letra de cada palavra da eleção em maiúcula ou define o textopara toda maiúcula ou toda minúcula. O atriuto de maiúcula ou minúcula é compatívelcom amo o navegadore.

Define a cor do texto. O atriuto de cor é compatível com amo o navegadore.

4. Quando você terminar de definir ea opçõe, elecione outra categoria CSS no lado equerdo dopainel para definir outra propriedade de etilo ou clique em OK.

Definição de propriedade do fundo de etilo CSS

Ue a categoria Fundo da caixa de diálogo Definição de regra CSS para definir a configuraçõe de fundode um etilo CSS. Você pode aplicar a propriedade de fundo a qualquer elemento em uma página da

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 3/11

Cor de fundo

Imagem de fundo

ackground Repeat

ackground Attachment

ackground Poition (X) e ackground Poition (Y)

de um etilo CSS. Você pode aplicar a propriedade de fundo a qualquer elemento em uma página daWe. Por exemplo, crie um etilo que adicione uma cor ou imagem do fundo a qualquer elemento depágina, ou eja, atrá do texto, de uma taela, da página etc. Você tamém pode definir opoicionamento de uma imagem do fundo.

1. Ara o painel CSS Stle (Shift+F11) cao ele ainda não eteja aerto.

2. Clique dua veze em uma regra ou propriedade exitente no painel uperior do painel CSS Stle.

3. Na caixa de diálogo Definição de regra CSS, elecione Fundo e defina a propriedade de etilo.

Deixe qualquer uma da eguinte propriedade vazia cao ela não ejam importante para oetilo:

Define a cor de fundo do elemento. O atriuto de cor de fundo é compatível comamo o navegadore.

Define a imagem de fundo do elemento. O atriuto de imagem de fundo écompatível com amo o navegadore.

Determina e e como a imagem de fundo erá repetida. O atriuto derepetição é compatível com amo o navegadore.

No Repeat exie uma imagem uma vez, no início do elemento.

Repeat coloca a imagem lado a lado, horizontalmente ou verticalmente atrá do elemento.

Repeat‑x e Repeat‑ exiem uma faixa horizontal e vertical de imagen, repectivamente. Aimagen ão recortada para que não ultrapaem o limite do elemento.

Nota: ue a propriedade de repetição para redefinir a tag de corpo e definir uma imagem do fundoque não e organize lado a lado ou repita.

Determina e a imagem de fundo e manterá fixa na ua poição originalou rolará juntamente com o conteúdo. Oerve que algun navegadore podem tratar a opção Fixacomo Rolar. Há uporte para ee atriuto no Internet xplorer, ma não no Netcape Navigator.

pecifica a poição inicial da imagem defundo em relação ao elemento. te recuro pode er uado para alinhar uma imagem de fundo aocentro da página, verticalmente (Y) e horizontalmente (X). Se a propriedade de anexo for Fixa, apoição erá relativa à janela Documento, e não ao elemento.

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 4/11

Para o início

Word Spacing

Letter Spacing

Vertical Align

Text Align

Recuo do texto

4. Quando você terminar de definir ea opçõe, elecione outra categoria CSS no lado equerdo dopainel para definir outra propriedade de etilo ou clique em OK.

Definição de propriedade do loco de etilo CSS

Ue a categoria loco da caixa de diálogo Definição de regra CSS para definir a configuraçõe deepaçamento e alinhamento da tag e propriedade.

1. Ara o painel CSS Stle (Shift+F11) cao ele ainda não eteja aerto.

2. Clique dua veze em uma regra ou propriedade exitente no painel uperior do painel CSS Stle.

3. Na caixa de diálogo Definição de regra CSS, elecione loco e defina qualquer uma dapropriedade de etilo a eguir. (Deixe a propriedade em ranco cao ela não eja importante parao etilo.)

Define o epaçamento entre palavra. Para definir um valor epecífico no menupop-up, elecione Value e digite um valor numérico. No egundo menu pop-up, elecione umaunidade de medida (por exemplo, pixel, point etc.).

Nota: você pode epecificar valore negativo, ma a exiição depende do navegador. O Dreamweavernão exie ee atriuto na janela Documento.

Aumenta ou diminui o epaço entre a letra ou caractere. Para diminuir o epaçoentre o caractere, epecifique um valor negativo, por exemplo (-4). A configuraçõe deepaçamento entre letra utitui a configuraçõe de texto jutificado. Há uporte para o atriutode epaçamento entre letra no Internet xplorer 4 e poterior, e no Netcape Navigator 6.

pecifica o alinhamento vertical do elemento ao qual ele é aplicado. ODreamweaver exie ee atriuto na janela Documento omente quando é aplicado à tag <img>.

Define como o texto é alinhado no elemento. O atriuto de alinhamento de texto écompatível com amo o navegadore.

pecifica a ditância em que a primeira linha de texto erá recuada. Um valornegativo pode er uado para diminuir o recuo, ma a exiição dependerá do navegador. ODreamweaver exie ee atriuto na janela Documento omente quando a tag é aplicada aoelemento de nível de loco. O atriuto de recuo do texto é compatível com amo onavegadore.

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 5/11

Whitepace

Dipla

Para o início

Largura e Altura

Float

navegadore.

Determina como o epaço em ranco erá tratado no elemento. Selecione entre trêopçõe: Normal diminui o epaço em ranco; Pre trata o epaço em ranco como e o textoetivee delimitado por tag pre (ou eja, todo o epaço em ranco é repeitado, incluindoepaço, taulaçõe e retorno); Nowrap epecifica que ó ocorre uma quera de linha automáticano texto quando uma tag br é encontrada. O Dreamweaver não exie ee atriuto na janelaDocumento. Há uporte para o atriuto de epaço em ranco no Netcape Navigator e no Internetxplorer 5.5.

pecifica e um elemento erá exiido e, em cao afirmativo, como ele erá exiido. Nonedeativa a exiição de um elemento ao qual ele é atriuído.

4. Quando você terminar de definir ea opçõe, elecione outra categoria CSS no lado equerdo dopainel para definir outra propriedade de etilo ou clique em OK.

Definição de propriedade da caixa de etilo CSS

Ue a categoria Caixa da caixa de diálogo Definição de regra CSS para definir a configuraçõe da tag epropriedade que controlam o poicionamento do elemento na página.

Você pode aplicar a configuraçõe a cada lado de um elemento eparadamente quando aplica aconfiguraçõe de preenchimento e margem, ou uar a configuração Igual para tudo a fim de aplicar amema configuração a todo o lado de um elemento.

1. Ara o painel CSS Stle (Shift + F11) cao ele ainda não eteja aerto.

2. Clique dua veze em uma regra ou propriedade exitente no painel uperior do painel CSS Stle.

3. Na caixa de diálogo Definição de regra CSS, elecione Caixa e defina qualquer uma dapropriedade de etilo a eguir. (Deixe a propriedade em ranco cao ela não eja importante parao etilo.)

Define a largura e altura do elemento.

pecifica o lado pelo qual outro elemento circulam ao redor do elemento flutuado. Oelemento flutuado etá fixo no lado da flutuação e outro conteúdo circulam ao eu redor, no ladoopoto.

Por exemplo, uma imagem flutuada para a direita é fixada à direita e o conteúdo que vocêadicionar depoi flui para a equerda da imagem.

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 6/11

Clear

Padding

Igual para tudo

Margin

Igual para tudo

Para o início

Tipo

adicionar depoi flui para a equerda da imagem.

Para oter mai informaçõe, conulte http://c-trick.com/all-aout-float/

pecifica o lado de um elemento que não permitem outro elemento flutuante.

pecifica a quantidade de epaço entre o conteúdo de um elemento e ua orda (oumargem, cao não haja orda). Demarque a opção Igual para tudo a fim de definir opreenchimento de cada lado do elemento eparadamente.

Define a mema propriedade de preenchimento para o lado uperior, direito,inferior e equerdo do elemento ao qual ela ão aplicada.

pecifica a quantidade de epaço entre a orda de um elemento (ou o preenchimento,cao não haja orda) e outro elemento. O Dreamweaver exie ee atriuto na janela Documentoomente quando aplicado ao elemento de nível de loco (parágrafo, título, lita e etc).Demarque a opção Igual para tudo a fim de definir a margem de cada lado do elementoeparadamente.

Define a mema propriedade de margem para o lado uperior, direito, inferiore equerdo do elemento ao qual ela ão aplicada.

4. Quando você terminar de definir ea opçõe, elecione outra categoria CSS no lado equerdo dopainel para definir outra propriedade de etilo ou clique em OK.

Definição de propriedade da orda de etilo CSS

Ue a categoria orda da caixa de diálogo Definição de regra CSS a fim de definir configuraçõe, comolargura, cor e etilo, para a orda em torno do elemento.

1. Ara o painel CSS Stle (Shift+F11) cao ele ainda não eteja aerto.

2. Clique dua veze em uma regra ou propriedade exitente no painel uperior do painel CSS Stle.

3. Na caixa de diálogo Definição de regra CSS, elecione orda e defina qualquer uma dapropriedade de etilo a eguir. (Deixe a propriedade em ranco cao ela não eja importante parao etilo.)

Define a aparência do etilo da orda. A maneira como o etilo aparecerá depende donavegador. Demarque a opção Igual para tudo a fim de definir o etilo de orda de cada lado do

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 7/11

Igual para tudo

Largura

Igual para tudo

Cor

Igual para tudo

Para o início

Lit tle tpe

Lit tle image

navegador. Demarque a opção Igual para tudo a fim de definir o etilo de orda de cada lado doelemento eparadamente.

Define a mema propriedade de etilo de orda para o lado uperior, direito,inferior e equerdo do elemento ao qual ela ão aplicada.

Define a epeura da orda do elemento. O atriuto de largura é compatível com amoo navegadore. Demarque a opção Igual para tudo a fim de definir a largura de orda de cadalado do elemento eparadamente.

Define a mema largura de orda para o lado uperior, direito, inferior eequerdo do elemento ao qual ela é aplicada.

Define a cor da orda. Você pode definir a cor de cada lado de modo independente, ma aexiição dependerá do navegador. Demarque a opção Igual para tudo a fim de definir a cor deorda de cada lado do elemento eparadamente.

Define a mema cor de orda para o lado uperior, direito, inferior e equerdodo elemento ao qual ela é aplicada.

4. Quando você terminar de definir ea opçõe, elecione outra categoria CSS no lado equerdo dopainel para definir outra propriedade de etilo ou clique em OK.

Definição de propriedade da lita de etilo CSS

A categoria Lita da caixa de diálogo Definição de regra CSS define a configuraçõe de lita, comotamanho e tipo de marcador, para a tag de lita.

1. Ara o painel CSS Stle (Shift+F11) cao ele ainda não eteja aerto.

2. Clique dua veze em uma regra ou propriedade exitente no painel uperior do painel CSS Stle.

3. Na caixa de diálogo Definição de regra CSS, elecione Lita e defina qualquer uma da propriedadede etilo a eguir. (Deixe a propriedade em ranco cao ela não eja importante para o etilo.)

Define a aparência do marcadore ou número. O tipo é compatível em amo onavegadore.

Permite que você epecifique uma imagem peronalizada para o marcadore.Clique em Procurar (Window) ou colher (Macintoh) para navegar até uma imagem ou digite ocaminho da imagem.

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 8/11

Lit tle poition

Para o início

Poition

caminho da imagem.

Define e haverá quera de linha automática e recuo do texto do item de linha(externo) ou e o texto erá delocado para a margem equerda (interno).

4. Quando você terminar de definir ea opçõe, elecione outra categoria CSS no lado equerdo dopainel para definir outra propriedade de etilo ou clique em OK.

Definição de propriedade do poicionamento de etilo CSS

A propriedade de etilo de poicionamento determinam como o conteúdo relacionado ao etilo CSSelecionado etá poicionado na página.

1. Ara o painel CSS Stle (Shift+F11) cao ele ainda não eteja aerto.

2. Clique dua veze em uma regra ou propriedade exitente no painel uperior do painel CSS Stle.

3. Na caixa de diálogo Definição de regra CSS, elecione Poicionamento e defina a propriedade deetilo deejada.

Deixe qualquer uma da eguinte propriedade vazia cao ela não ejam importante para oetilo:

Determina como o navegador deve poicionar o elemento elecionado:

Aolute coloca o conteúdo uando a coordenada digitada na caixa Placement, relativo aopredeceor com poição relativa ou aoluta, ou, e não houver nenhum predeceor compoição relativa ou aoluta, relativo ao canto uperior equerdo da página.

Relative coloca o loco de conteúdo uando a coordenada digitada na caixa Placementrelativa à poição do loco no fluxo de texto do documento. Por exemplo, atriuir a umelemento uma poição relativa, e a coordenada uperior e equerda de 20px delocará oelemento 20px para a direita e 20px para aixo de ua poição normal no fluxo. O elementotamém podem er poicionado de forma relativa, com ou em a coordenada uperior,equerda, direita ou inferior, a fim de etaelecer um contexto para o filho com poiçãoaoluta.

Fixed coloca o conteúdo uando a coordenada digitada na caixa Placement, relativo aocanto uperior equerdo do navegador. O conteúdo permanecerá fixo neta poição quando ouuário rolar a página.

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 9/11

Viiilidade

Z‑Index

touro

Placement

uuário rolar a página.

Static coloca o conteúdo em eu local no fluxo de texto. ta é a poição padrão de todo oelemento HTML poicionávei.

Determina a condição de exiição inicial do conteúdo. Se você não epecificar umapropriedade de viiilidade, o conteúdo herdará o valor da tag-mãe, por padrão. A viiilidadepadrão da tag od etá viível. Selecione uma da eguinte opçõe de viiilidade:

Inherit herda a propriedade de viiilidade do pai do conteúdo.

Viile exie o conteúdo, independentemente do valor do pai.

Hidden oculta o conteúdo, independentemente do valor do pai.

Determina a ordem de empilhamento do conteúdo. O elemento com um índice zuperior aparecem acima do elemento com um índice z inferior (ou com nenhum índice). Ovalore podem er poitivo ou negativo. (Se o conteúdo tiver uma poição aoluta, erá maifácil alterar a ordem de empilhamento uando o painel lemento PA.)

Determina o que acontecerá e o conteúdo de um contêiner (por exemplo, DIV ou P)ultrapaar eu tamanho. a propriedade controlam a expanão da eguinte maneira:

Viile aumenta o tamanho do contêiner a fim de que todo o eu conteúdo fique viível. Ocontêiner e expande para aixo e para a direita.

Hidden mantém o tamanho do contêiner e recorta qualquer conteúdo de modo a ajutá-lodentro do contêiner. Nenhuma arra de rolagem é fornecida.

Scroll adiciona arra de rolagem ao contêiner, não importando e o conteúdo ultrapaa ounão o tamanho do contêiner. O fornecimento de arra de rolagem evita a confuãoocaionada pelo aparecimento e deaparecimento da arra de rolagem em um amientedinâmico. ta opção não é exiida na janela Documento.

Auto faz com que a arra de rolagem apareçam omente quando o conteúdo do contêinerexceder eu limite. ta opção não é exiida na janela Documento.

pecifica o local e o tamanho do loco de conteúdo. A maneira como o navegadorinterpretará o local depende da configuração de tipo. O valore de tamanho erão utituído eo conteúdo do loco de conteúdo exceder o tamanho epecificado.

A unidade padrão de local e tamanho ão pixel. Você tamém pode epecificar a eguinteunidade: pc (paica), pt (ponto), in (polegada), mm (milímetro), cm (centímetro), (em), (ex)ou % (porcentagem do valor do pai). A areviaçõe devem eguir o valor, em epaço: por

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 10/11

Corte

Para o início

Oervação:

Quera de página ante

Curor

Filtro

ou % (porcentagem do valor do pai). A areviaçõe devem eguir o valor, em epaço: porexemplo, 3mm.

Define a parte do conteúdo que etá viível. Se você epecificar uma região de corte, poderáaceá-la com uma linguagem de cript, como JavaScript, e manipular a propriedade para criarefeito epeciai como orracha. a orracha podem er configurada uando ocomportamento Alterar propriedade.

4. Quando você terminar de definir ea opçõe, elecione outra categoria CSS no lado equerdo dopainel para definir outra propriedade de etilo ou clique em OK.

Definição de propriedade da extenão de etilo CSS

A propriedade de etilo xtenõe incluem filtro, quera de página e opçõe de ponteiro.

Há divera outra propriedade de extenão diponívei no Dreamweaver, ma, para aceá-la, você precia percorrer o painel CSS Stle. Para ver uma lita da propriedade de extenão diponívei,ata arir o painel CSS Stle (Janela > CSS Stle), clicando no otão Motrar viualização de categoria, naparte inferior do painel, e expandindo a categoria xtenõe.

1. Ara o painel CSS Stle (Shift + F11) cao ele ainda não eteja aerto.

2. Clique dua veze em uma regra ou propriedade exitente no painel uperior do painel CSS Stle.

3. Na caixa de diálogo Definição de regra CSS, elecione xtenõe e defina qualquer uma dapropriedade de etilo a eguir. (Deixe a propriedade em ranco cao ela não eja importante parao etilo.)

Força uma quera de página durante a impreão, ante ou apó oojeto controlado pelo etilo. Selecione a opção deejada no menu pop-up. Não há uporte paraeta opção em nenhum navegador 4.0, ma o navegadore poteriore podem oferecer uporte aela.

Altera a imagem de ponteiro quando o ponteiro etá ore o ojeto controlado pelo etilo.Selecione a opção deejada no menu pop-up. O Internet xplorer 4.0 e poterior, e o NetcapeNavigator 6 oferecem uporte a ete atriuto.

Aplica efeito epeciai ao ojeto controlado pelo etilo, incluindo defoque e inverão.Selecione um efeito no menu pop-up.

05/08/2015 Ajuda do Dreamweaver | Definir propriedades do CSS

https://helpx.adobe.com/br/dreamweaver/using/setcssproperties.html 11/11

4. Quando você terminar de definir ea opçõe, elecione outra categoria CSS no lado equerdo dopainel para definir outra propriedade de etilo ou clique em OK.

 A pulicaçõe do Twitter™ e do Faceook não ão coerta pelo termo do Creative Common.

Avio legai   |   Política de privacidade on-line