Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
11 août 2013 7 11 /08 /août /2013 16:00


Voici une liste (non exhaustive) des principales propriétés utilisées en HTML.

Pour chacune d'elles, je vous indique ses valeurs possibles, ce à quoi elle correspond, et un exemple de syntaxe.

Propriété

Valeur(s)

Description

Exemple

font-size

xx-small, x-small, small,
medium, large, x-large,
xx-large, larger, smaller,
ou taille définie en pixels (px)
cm (cm), mm (mm), point (pt),
pourcentage (%)

Taille de la police

font-size: 12pt

font-family

* serif, sans-serif, cursive,
fantasy, monospace,
* ou nom de la police
(Arial, Verdana, ...)

Type de police

font-family: Arial

font-weight

* normal, bold, bolder, lighter,
* ou valeur numérique de 100 à 900 (par tranche de 100)

Poids de la police

font-weight: bold

font-style

* normal,
* italic (oblique)

Style de police

font-style: italic

line-height

* point (pt),
*  pourcentage (%)

Hauteur de la ligne

line-height: 5pt

color

* nom
* ou valeur
de la couleur

Couleur

color: green

background-image

URL du fichier

Image d'arrière-plan

background-image:
url(image/fichier.gif)

background-repeat

* repeat ,
* no-repeat,
* repeat-x,

* repeat-y

Répétition de l'arrière-plan

background-repeat:
no-repeat

background-attachment

* scroll
* fixed

Effet de filigrane

background-attachment:
fixed

background-position

* top,
* center,
* bottom,
* left,
* right

Position de l'arrière-plan
(verticale et horizontale)

background-position:
center center

vertical-align

* baseline,
* sub,
* super,
* top,

* text-top,
* middle,
* bottom,

* text-bottom,
* ou valeurs en
pourcentage

Alignement vertical

vertical-align: top

text-align

* left,
* right,
* center,
* justify

Alignement du texte

text-align: justify

text-indent

* valeur en pixel
* ou
pourcentage

Retrait de la
première ligne

text-indent: 10px

text-decoration

* none,
* underline,
* overline,
* line-through

Décoration du texte

text-decoration: overline

margin-left
(ou -right,

-top, -bottom)

* valeur en pixel
* ou
pourcentage

Valeurs des marges

margin-right: 10px

border-left
(ou -right,

-top, -bottom)

* medium,
* thick,

* ou un style

type de bordure

border-top: medium

border-x-width
(
remplacer x par right, left, top, bottom)

* medium,
* thick
* ou
taille.

Taille de la bordure

border-top-width: 15

border-style

* none,
* dotted,
* dashed,
* solid,

* double,
* groove,
* ridge,
* inset,
* outset

style de bordure

border-stylet: ridge

border-color

* nom
* ou valeur hexadécimale

de la couleur

Couleur de la bordure

border-color: red

letter-spacing

* normal
* ou valeur en point

Espacement des lettres

letter-spacing: 2pt

 


 

                                      Rendez-vous sur Hellocoton !                                                   

 

Partager cet article

Repost 0
Published by Aurelie - dans HTML
commenter cet article

commentaires

Swann 10/03/2010 05:08


Excellent !!
ça va m'être super utile, merci beaucoup :) 


Philippe F 14/02/2010 23:35


Merci


Mamafati 14/02/2010 12:44


Ton blog est très interessant, c'est dommage que je n'ai jamais le temps d'en profiter. J'ai tant de lacunes et sur mon blog, je n'ose pas utiliser le mode avancé.
Bon week-end***
Mamafati


Krio 14/02/2010 08:23


merci pour ces conseils ! clic du dimanche $$


Dany85 14/02/2010 08:09


toujours des infos intéressantes, $$, bonne journée au chaud


mahassine 13/02/2010 23:44


bravo pour ce que tu fais , bisous $$$


Bidouillette/Tibilisfil 13/02/2010 23:32


Je vais me lancer dedans, mais d'abord finir certaines choses! J'aime trop comprendre comment çà fonctionne!!!! Merciiiiiiiiiii cloc! lol!


katty72 13/02/2010 19:45


merci encore pour ce partage bisous +$$


mentale 13/02/2010 18:31


je me posais une question.. tu travailles dans l'informatique?
bise$$


Aurelie 13/02/2010 19:24


J'ai travaillé 2 ans dans l'ergonomie de programmes informatiques pour écran tactile, mais sinon, j'ai appris sur le tas ! Bises a toi


Eliane 13/02/2010 17:09


merci  ca peut servir, surtout que je suis allée dans le css  arghhhh

dur dur    perdu beaucoup au niveau des articles !! pufff

bisous
je passe demain matin pour un nouveau cycl€  bisou  et belle fin de journée


Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation