Overblog
Editer l'article Suivre ce blog 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
Repost0

commentaires

S
<br /> Excellent !!<br /> ça va m'être super utile, merci beaucoup :) <br /> <br /> <br />
Répondre
P
<br /> Merci<br /> <br /> <br />
Répondre
M
<br /> 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é.<br /> Bon week-end***<br /> Mamafati<br /> <br /> <br />
Répondre
K
<br /> merci pour ces conseils ! clic du dimanche $$<br /> <br /> <br />
Répondre
D
<br /> toujours des infos intéressantes, $$, bonne journée au chaud<br /> <br /> <br />
Répondre
M
<br /> bravo pour ce que tu fais , bisous $$$<br /> <br /> <br />
Répondre
B
<br /> Je vais me lancer dedans, mais d'abord finir certaines choses! J'aime trop comprendre comment çà fonctionne!!!! Merciiiiiiiiiii cloc! lol!<br /> <br /> <br />
Répondre
K
<br /> merci encore pour ce partage bisous +$$<br /> <br /> <br />
Répondre
M
<br /> je me posais une question.. tu travailles dans l'informatique?<br /> bise$$<br /> <br /> <br />
Répondre
A
<br /> 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<br /> <br /> <br />
E
<br /> merci  ca peut servir, surtout que je suis allée dans le css  arghhhh<br /> <br /> dur dur    perdu beaucoup au niveau des articles !! pufff<br /> <br /> bisous<br /> je passe demain matin pour un nouveau cycl€  bisou  et belle fin de journée<br /> <br /> <br />
Répondre

Présentation

  • : 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