Scribd
Importer
106 vues16 pages

Guide HTML/CSS pour Pages Web Statiques

Transféré par

MAIRECH NEJIB
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
106 vues16 pages

Guide HTML/CSS pour Pages Web Statiques

Transféré par

MAIRECH NEJIB
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Séquence 2 Synthèse

comment coder l’information


SIN
Utiliser HTML/CSS pour afficher du texte, des images
[Link] 24/10/2024

1 INTRODUCTION :

Pour créer une page WEB statique*, il faut concevoir les fichiers HTML et CSS avec un editeur de texte ou
un IDE (integrated développent environnement) tel que « Geany, Notepad++ » pour pouvoir ensuite la
visualiser en utilisant un navigateur internet (internet explorer, safari, Google chrome, Mozilla firefox).

2 LES BALISES

Le langage HTML est un langage de balises. Il permet de structurer les pages WEB

2.1 LES DIFFÉRENTES BALISES


Une (des) balise(s) encadrent du texte en indiquant sa nature.

Exemple : Les balises <h1> et </h1> ci-dessous indiquent que « Titre principal » sera un
titre de niveau 1. Les mots "Titre Principal" apparaîtront en grande taille sur la page WEB.

Page 1 sur 16
2.2 STRUCTURE PAGE HTML
La structure de base d'un fichier HTML est représentée ci-dessous.

Page 2 sur 16
2.3 LES DIFFÉRENTES BALISES DU CODE

3 ORGANISATION D'UNE PAGE HTML

Tous les éléments suivant s'inséreront dans le corps du fichier HTML

Page 3 sur 16
Voir une liste plus complete en annexe 1

4 PRINCIPE, RÔLE ET APERÇU DE CSS :

Pour gérer le design d’une page, on utilise du code CSS. Le code css peut être placé dans la
page HTML, mais il est le plus souvent placé dans un fichier « style_1.css » qui est appelé par la
page html. On dit souvent : « html donne le fond et css assure la mise en forme »

Page 4 sur 16
-css permet de choisir la couleur du texte et
de sélectionner la police utilisée sur votre site.

-css permet
aussi
de définir
la taille
du texte

-css s’occupe aussi des bordures, du fond et aussi, de la mise en page de votre site. Vous
pourrez dire : je veux que mon menu soit à gauche et occupe telle largeur, que l'en-tête de mon
site soit calé en haut et qu'il soit toujours visible, etc.

Voir le mémo en Annexe 2

5 ANNEXE 1 : LES BALISES HTML

5.1 LES TEXTES ET LES PARAGRAPHES :


Fonctions Balise Exemple de code Résultat
Gras <b>…..</b> <b>info</b> info
Italique <i>……</i> <i>info</i> info
Souligné <u>………………</u> <u>info</u> info
<font size="5"
Mise en forme de <font size="**" color="#******" color="#008000"
caractère face="******">………</font> face="Arial black"> info
<b>info</b></font>
Exposant <SUP>……</SUP>
Indice <SUB>……</SUB>
Retour à la ligne <BR>
<HR Size= "**" color="#******" HTML <HR Size= "1"
HTML
Ligne de séparation width="***" color="#0000FF"
WEB
Align="center/left/right"> width="40" Align="left">
Centrage <CENTER>....</CENTER> <CENTER>info</CENTER> info
Alignement d’un <Div <Div
info
élément Align="center/left/right">……..</Div> Align="right">info</Div>
-Nouveau <P>…..</P> <P Align="left">Le Web Le Web parle
paragraphe <P Align="center">…..</P> parle HTML</P> HTML
-Paragraphe centré <P Align="left">…..</P>
-Paragraphe aligné <P Align="right">…..</P>
gauche
-Paragraphe aligné
Page 5 sur 16
droite
< !-- Ceci est un Ceci est un
Commentaire < !-- ……………. -->
commentaire --> commentaire
<Blink>…</Blink> (texte clignotant), <S>…</S>(texte barré) : ne fonctionnent pas avec tous les
navigateurs (Browsers).

5.2 LES TITRES :


Fonctions Balise Exemple de code Résultat
Taille de niveaux 1 à 6 <Hn>…..</Hn> <H1>info</H1> info
Avec 1≤n≤6

5.3 LES IMAGES :


Fonctions Balise Exemple de code Résultat
<imgsrc="[Link]"
width="65"
<Imgsrc="adresse"
height="52"
width="largeur"
border="0"
Insertion height="hauteur"
align="center"
d’image border="taille"
alt="DrapeauTN">
align= "alignement" alt="texte
{ align= " top",
info- bulle">
"bottom", "middle",
"right" et "left "}
<body
Image comme <body background="adresse
background="globe-
arrière-plan de l’image">
[Link]">

(* Au niveau de
la balise <body>
on peut aussi
retrouver les
propriétés <body bgcolor="couleur">
<body
suivantes :*)
bgcolor="cyan">
Couleur d’arrière
plan
<body link="couleur lien non
visité " vlink="couleur lien
Lien non visité
visité "
<body link="blue"
Couleur des liens alink="couleur lien au
vlink="violet" Lien visité
hypertextes moment du clic">
alink="red">
Lien au moment du clic

Texte de la page Web


<body text="couleur
Couleur du texte préférée">
<body text="green">
de la page Web.
Les navigateurs Web reconnaissent les images aux formats GIF, JPG et PNG. En effet ces formats
offrent les tailles les plus légères pour les images.
Link (lien non visité : bleu par défaut), Vlink(lien visité : violet par défaut), Alink (lien au moment du
clic : rouge par défaut).
Text (couleur du texte de la page Web : noir par défaut).
Page 6 sur 16
5.4 LES LISTES :
Fonctions Balise Exemple de code Résultat
<ol type="a"> "a" a.
b. c. …
<li>Entier</li> "A" A.
Liste numérotée <ol>…..</ol>
B. C. … a. Entier
<li>Caractère</li> "1" 1. b. Caractère
Balise ligne <li>……</li>
2. 3. … c. Réel
Inclus dans les
<li>Réel</li> "i"  i.
balises <ol>…</ol>
ii. iii. …
</ol> "I"  I.
II. III. …
Liste énumérative <ul type="circle"> "circle"
<ul>…..</ul>
(à puces) °<li>Ord</li> "square" ▪ o Ord
<li>Succ</li> "disc" o Succ
<li>……</li>
Balise ligne • o Pred
Inclus dans les <li>Pred</li>
balises <ul>…</ul> </ul>

A
<dl>
Liste de définition <dl>…..</dl> Array
<dt>A</<dt>
Abs
<dd>Array Abs Access</dd>
Formés Access
<dt>B</dt>
par des termes <dt>……</dt> B
<dd>Bit Byte Boolean</dd>
Bit Byte
<dt>C</dt>
et Boolean
<dd>Com Char Cos</dd>
leurs définitions <dd>…..</dd> C
</dl> Com
Char Cos
La propriété type de la balise <OL> peut avoir les valeurs suivantes :A : lettres majuscules, a : lettres
minuscules, I : Chiffres romains majuscules, i : chiffres romain minuscules, 1 : chiffres arabes (valeur
par défaut), et pour définir la valeur de numération on utilise <OLstart= "Valeur ">
La propriété type de la balise <UL> peut avoir les valeurs suivantes : square : puces carrées, circle :
puces circulaires vides, disc : puces circulaires pleins (valeur par défaut).
Il est possible d’imbriquer les listes même si elles ne sont pas de même nature. La balise <li> admet
une propriété type, qui est prioritaire sur l’attribut type de <OL> et <UL>.
 La balise <Blockquote>…</Blockquote> sert à décaler le texte vers la droite.

5.5 LES TABLEAUX :


Fonctions Balise Exemple de code Résultat
<table width="***%" <table width="50%"
Déf. Tableau
border="**"> border="1">
<table>
<tr bgcolor="couleur" <trbgcolor="yellow"
Déf. Ligne<tr>
align="alignement"> align="center"> Tablea
Déf. Cellule<td> Bordure Espacement
<td>….</td> <td>Tableau</td> u

<td>….</td> <td>Bordure</td>
<td>….</td> <td>Espacement</td>
</tr></table> </tr></table>

Page 7 sur 16
<TH>….</TH>sont des balises qui définissent les cellules titres. Elles sont en général utilisées par la
première ligne et/ou colonne. La plupart des navigateurs mettent le texte de ces cellules en gras et
centré.

5.6 LES PROPRIÉTÉS DE LA BALISE <TABLE> :


Balise Description Exemple de code Résultat
<table border="1" cellspacing=10>
Définit l’espace entre les <tr><td>1</td><td>2</td></tr> 1 2
Cellspacing
cellules (en pixel). <tr><td>3</td><td>4</td></tr> 3 4
</table>
Représente l’espace <table border="1" cellpadding=10>
entre le contenu de la <tr><td>1</td><td>2</td></tr> 1 2
Cellpadding
cellule et le bord <tr><td>3</td><td>4</td></tr> 3 4
extérieur (en pixel). </table>
<table border="5">
Définit l’épaisseur de <tr><td>1</td><td>2</td></tr> a b
Border
bordure (en pixel). <tr><td>3</td><td>4</td></tr> c d
</table>
<table border="1" width=10%>
La largeur du tableau en a b
<tr><td>a</td><td>b</td></tr>
Width pixel ou en pourcentage
<tr><td>c</td><td>d</td></tr> c d
par rapport à la largeur
</table>
de la fenêtre.
a b

La hauteur du tableau en <table border="1" height="10%"> c d


pixel ou en pourcentage <tr><td>a</td><td>b</td></tr>
Height
par rapport à la hauteur <tr><td>c</td><td>d</td></tr>
de la fenêtre. </table>

<table border="1" align="center">


L’alignement du tableau 1 2
<tr><td>a</td><td>b</td></tr>
Align par rapport au
<tr><td>c</td><td>d</td></tr> 3 4
conteneur.
</table>
<table border="1" bgcolor="cyan">
La couleur d’arrière plan <tr><td>a</td><td>b</td></tr> 1 2
Bgcolor
du tableau. <tr><td>c</td><td>d</td></tr> 3 4
</table>
La propriété border de la balise <TABLE> par défaut est égale à 0. On obtient une grille « invisible »
dont l’intérêt principal est de permettre l’alignement d’un ensemble d’éléments dans une page.

5.7 LES PROPRIÉTÉS DE LA BALISE <TR> :


Balise Description Exemple de code Résultat
L’alignement horizontal des
<table border="1"cellpadding=10>
différents contenus des
<tr align="center">
Align cellules d’une même ligne (les 1 2 1
<td>1</td><td>2</td><td>1</td></tr>
valeurs possibles : left, right et
</table>
center).

Page 8 sur 16
<table border="1" width="10%"
L’alignement vertical des
height="10%">
différents contenus des
<tr align="center" valign="bottom">
Valign cellules d’une même ligne (les
<td>1</td><td>2</td><td>3</td>
valeurs possibles : bottom, top 1 2 3
</tr>
et middle).
</table>
<table border="1" width="10%"
height="10%">
<tr align="center"
La couleur d’arrière plan des
Bgcolor valign="middle"bgcolor="red"> 1 2 3
différentes cellules d’une ligne.
<td>1</td><td>2</td><td>3</td>
</tr>
</table>
<table border="1" cellpadding="10"
height=100>
La hauteur d’une ligne en pixel <tr align="center" height=5> 1 2 3
Height ou en pourcentage par rapport <td>1</td><td>2</td><td>3</td></tr>
à la hauteur du tableau. <tr align="center" height=5> 1 2 3
<td>1</td><td>2</td><td>3</td></tr>
</table>
Il est à noter que l’attribut widthde<TR>n’a aucun effet puisque toutes les lignes d’un tableau ont la
même largeur : celle du tableau.
En absence de widthetheight, le navigateur calcule automatiquement les dimensions des lignes et des
colonnes en fonction du contenu et de la taille de la fenêtre d’affichage, c’est ce qu’on appelle « un
tableau ajusté par rapport à son contenu ».
Il est à noter que la balise<TH>…</TH>nécessaire pour ajouter un entête en option.
Vous pouvez insérer du son en fond de page : <EMBED SRC="[Link]" AUTOSTART="true" LOOP="-1">
<BG SOUND="[Link]" AUTOSTART="true" LOOP="-1">
AUTOSTART="True or False" : permet de déclarer le lancement du son à l'ouverture de la [Link]=" " permet
de déterminer le nombre de fois où le son va être joué. La valeur -1 signifie que le son sera répété à l'infini.

5.8 LES PROPRIÉTÉS DE LA BALISE <TD> :


Balise Description Exemple de code Résultat
<table border="1" width=10%>
L’alignement horizontal du
<tr><td align="left">1</td>
Align contenu d’une cellule (les valeurs 1 2
<td align="right">2</td></tr>
possibles : left, right et center).
</table>

<table border="1" width=10%>


L’alignement vertical du contenu
<tr><td valign="top">1</td> 1
Valign d’une cellule (les valeurs
<td valign="bottom">2</td></tr> 2
possibles : bottom, top et middle).
</table>

<table border="1" width=10%>


La largeur d’une cellule en pixel <tr><td width="10%" align="center"
Width ou en pourcentage par rapport à valign= "middle">1</td> 1 2 3
la largeur du tableau. <td width="5%">2</td>
<td width="2%">3</td></tr></table>
La hauteur d’une cellule en pixel
Height ou en pourcentage par rapport à
la hauteur d’une ligne.
Page 9 sur 16
<table border="1" width="10%">
<tr><td bgcolor="red">1</td>
La couleur d’arrière plan d’une
Bgcolor <td bgcolor="cyan">2</td> 1 2 3
cellule.
<td bgcolor="green">3</td>
</tr></table>
<table border="1" width="10%">
<tr><td rowspan="3">x</td><td>x</td>
<td rowspan="3">x</td><td>x</td> x x
Fusionner des cellules
Rowspan </tr> x x x x
horizontalement.
<tr><td>x</td><td>x</td></tr> x x
<tr><td>x</td><td>x</td></tr>
</table>
<table border="1" width="10%">
<tr><td
colspan="3">123</td><td>4</td></tr> 123 4
Fusionner des cellules <tr><td>5</td><td
Colspan 5 678
verticalement. colspan="3">678</td></tr>
<tr><td>9</td><td>10</td><td>11</td> 9 10 11 12
<td>12</td></tr>
</table>

5.9 LES LIENS HYPERTEXTES :


Balise Description Exemple de code
Protocole
HREF= "[Link]
par défaut : <a href="[Link] [Link]</a>
HTTP.
Vers lebas de la
<a name="Haut">Vers le</a> page
<a href="#Bas">bas de la page</a>
Lien interne, <br>
F= " #position"> protocole <imgsrc="[Link]" width="50" height="70">
HTTP. <br>
<a name="Bas">Bas de la page</a>
<a href="#Haut">Remonter</a> Bas de la
pageRemonter
Protocole
<a
FTP pour le
= "[Link] ftp"> href="[Link] html compressé
transfert de
compressé</a>
fichiers.
Protocole
SMTP pour <a href="[Link]
EF= "mailto: adresse
le courrier contact@[Link] contact@[Link]
électronique </a>
.
Adressage
= "file:// adresse local sur un <a href="[Link]
PageWeb locale
poste non- locale</a>
distant.
On peut utiliser la propriété Target dans les balises liens hypertextes pour indiquer le cadre cible <a
href="Adresse de la page cible" target="Cadre cible"> Lien </a>

Page 10 sur 16
5.10 LES FORMULAIRES :
Valeur Descriptio
Balise Attribut Exemple de code Résultat
n
Envoie des
POST
METHOD données au Method= "Post"
GET
serveur
<FORM>
Envoie à
... Action="[Link]
ACTION l'adresse
</FORM "
indiquée
>
Spécifie le
ENCTYP
type de
E
codage utilisé
Effectue
l'ACTION dans <input type="submit"
SUBMIT Envoyer
la balise value="Envoyer">
<FORM>
Efface le
<input type="reset"
RESET contenu du Rétablir
value="Rétablir">
formulaire
Zone texte
INPUT TYPE dont la
TEXT longueur <input type="text">
est donnée par
l'attribut size
Zone texte ****
dont la
PASSWOR <input type="password"
longueur
D name="pwd" >
est donnée par
l'attribut size
 La balise <INPUT> n’a pas de balise fin. On peut utiliser la propriété « hidden » pour masquer des
champs.

Balise Attribut Valeur Description Exemple de code Résultat


<input type="radio"
RADIO Bouton radio
name="food">
<input
type="checkbox"
CHECKBOX Case à cocher
name="sport"
value="football">
<input type="button"
BUTTON Insérer un bouton Cliquez ici
TYPE value="Cliquez ici">
<input type="image"
INPUT IMAGE Insérer une image src="[Link]"
alt="usb">
Contrôle qui Parcourir
permet de
FILE <input type="file">
transmettre un
fichier
NAME Nom <input Name="t">
<input size="1 "
CHECKED
checked>
SRC <input src="[Link]"

Page 11 sur 16
>
SIZE Taille du texte <input size="20 " >
NAME <textarearows="2"
<TEXTAREA>
... Zone de cols="20">
ROWS
textemultilignes ….
</TEXTAREA> </textarea>
COLS
<select name= "liste"
NAME Nom Choix 1
<SELECT> size="1">
<OPTION> ...
SIZE Taille du texte <select size="3">
</OPTION>
</SELECT> Plusieurs choix <select multiple= "yes"
MULTIPLE Choix 1
possibles size="3">
Affiché l’option par <option
SELECTED Choix 1
<OPTION> ... défaut selected>Choix1 Choix 2
</OPTION> Choix 3
VALUE Valeur forcée <option value= >
 La balise <SELECT> … </SELECT> indique au browser l’usage d’une liste déroulante. Les éléments de
la liste sont introduits par la balise <OPTION> … (</OPTION> facultatif).
 La propriétésize="1"est facultatif puisque la taille par défaut est égal à 1.

5.11 LES CADRES :


Balise Exemple de code Résultat
<FRAMESET ROWS="*** <Frameset Rows="15%,*">
%,*" COLS="***%,*"> <Frame name="Menu"
<FRAME NAME="Nom1" src="[Link]">
SRC="[Link]" <Frameset Cols="50%,*"> Menu
<FRAME NAME="Nom2" <Frame name="Sommaire"
SRC="[Link]" src="[Link]"> Sommaire Article
</FRAMESET> <Frame name="Article"
src="[Link]">
</Frameset>
</Frameset>
<Frameset Cols="30%,70%">
<Frame name="Sommaire"
src="[Link]">
<FramesetRows="50%,50%"> Cadre1
<Frame name="Cadre1"
Sommaire
src="[Link]">
<Frame name="Cadre2" Cadre2
src="[Link]">
</Frameset>
</Frameset>
<Frameset Cols="20%,60%,20%"
Frameborder="yes" border="8"
bordercolor="red"> CG CC CD
<Frame src="[Link]" name="G"
noresize>
<Frame src="[Link]" name="C"
noresize>
<Frame src="[Link]" name="D"
noresize>

Page 12 sur 16
</Frameset>
<Frameset Rows="20%,60%,20%"
Frameborder="yes" border="8"
bordercolor="blue">
<Frame src="[Link]" name="G" CH
noresize>
<Frame src="[Link]" name="D" CC
noresize>
<Frame src="[Link]" CB
name="D2" noresize>
</Frameset>
 La balise <FRAME spacing="pixels"> indique l’espace entre les deux cadres.
 La balise <FRAME border="pixels"> indique l’épaisseur de la bordure des cadres.
 La propriétéScrolling="yes/no/auto"autorise ou non la présence des ascenseurs de défilement pour
le cadre.

6 ANNEXE 2 : MEMO CSS

Propriétés de mise en forme du texte


Propriété Valeurs (exemples) Description
font-family police1, police2, police3, serif, Nom de police
sans-serif, monospace
@font-face Nom et source de la police Police personnalisée

font-size 1.3em, 16px, 120%... Taille du texte (en %, pixels, %)

font-weight bold, normal Gras ou normal

font-style italic, oblique, normal

text-decoration underline, overline, line-through, Soulignement, ligne au-dessus, barré ou


blink, none clignotant
font-variant small-caps, normal Petites capitales

text-transform capitalize, lowercase, uppercase Capitales

font Super propriété de police. Combine :


font-weight, font-style,
font-size, font-variant, font-family.
text-align left, center, right, justify Alignement horizontal

vertical-align baseline, middle, sub, super, top, Alignement vertical (cellules de tableau
bottom ou éléments inline-block
uniquement)

line-height 18px, 120%, normal... Hauteur de ligne

text-indent 25px Alinéa

white-space pre, nowrap, normal Césure


Page 13 sur 16
word-wrap break-word, normal Césure forcée

text-shadow 5px 5px 2px blue Ombre de texte


(horizontale, verticale, fondu,
couleur)

Propriétés de couleur et de fond


Propriété Valeurs (exemples) Description
color nom, rgb(rouge,vert,bleu), Couleur du texte
rgba(rouge,vert,bleu,transparence),
#CF1A20…
background-color Identique à color Couleur de fond

background-image url('[Link]') Image de fond

background- fixed, scroll Fond fixe


attachment

background-repeat repeat-x, repeat-y, no-repeat, repeat Répétition du fond

background-position (x y), top, center, bottom, left, right Position du fond

background Super propriété du fond. Combine : background-image,


background-repeat, background-attachment,
background-position
opacity 0.5 Transparence

Propriétés des boîtes


Propriété Valeurs (exemples) Description
width 150px, 80%... Largeur

height 150px, 80%... Hauteur

min-width 150px, 80%... Largeur minimale

max-width 150px, 80%... Largeur maximale

min-height 150px, 80%... Hauteur minimale

max-height 150px, 80%... Hauteur maximale

margin-top 23px Marge en haut

margin-left 23px Marge à gauche

margin-right 23px Marge à droite

margin- 23px Marge en bas


bottom

margin 23px 5px 23px 5px Super-propriété de marge.


(haut, droite, bas, gauche) Combine : margin-top, margin-right,
marginbottom,
margin-left.
padding-left 23px Marge intérieure à gauche

padding-right 23px Marge intérieure à droite


padding- 23px Marge intérieure en bas
bottom

padding-top 23px Marge intérieure en haut

Page 14 sur 16
padding 23px 5px 23px 5px Super-propriété de marge intérieure.
(haut, droite, bas, gauche) Combine : padding-top, padding-right,
paddingbottom,
padding-left.

border-width 3px Épaisseur de bordure

border-color nom, rgb(rouge,vert,bleu), Couleur de bordure


rgba(rouge,vert,bleu,transp
arence), #CF1A20...
border-style solid, dotted, dashed, Type de bordure
double, groove, ridge,
inset, outset
border 3px solid black Super-propriété de bordure.
Combine border-width, border-color,
border-style.
Existe aussi en version border-top, border-
right,
border-bottom, border-left.
border-radius 5px Bordure ar rondie

box-shadow 6px 6px 0px black Ombre de boîte


(horizontale, verticale,
fondu, couleur)

Page 15 sur 16
Propriétés de positionnement et d’affichage
Propriété Valeurs (exemples) Description
display block, inline, inline-block, Type d'élément (block, inline, inline-block,
table, table-cell,none... none…)

visibility visible, hidden Visibilité

clip rect (0px, 60px, 30px, 0px) Affichage d'une partie de l'élément
rect (haut, droite, bas,
gauche)
overflow auto, scroll, visible, hidden Comportement en cas de dépassement

float left, right, none Flottant: élément qui est retiré du flux normal et doit
être placé sur le côté droit ou sur le côté gauche de
son conteneur. Le texte et les autres éléments en
ligne entourent alors l'élément flottant.
clear left, right, both, none Arrêt d'un flottant

position relative, absolute, static Positionnement

top 20px Position par rapport au haut

bottom 20px Position par rapport au bas

left 20px Position par rapport à la gauche

right 20px Position par rapport à la droite

z-index 10 Ordre d'affichage en cas de superposition.


La plus grande valeur est affichée par-dessus
les autres.

Propriétés des listes


Propriété Valeurs (exemples) Description
list-style-type disc, circle, square, decimal, Type de liste
lower-roman,
upper-roman, lower-alpha,
upper-alpha, none
list-style- inside, outside Position en retrait
position

list-style-image url('[Link]') Puce personnalisée

list-style - Super-propriété de liste. Combine list-


style-type,
list-style-position, list-style-image.

Propriétés des tableaux


Propriété Valeurs (exemples) Description
border- collapse, separate Fusion des bordures
collapse
empty-cells hide, show Affichage des cellules vides

caption-side bottom, top Position du titre du tableau

Autre propriété
Propriété Valeurs (exemples) Description
cursor crosshair, default, help, Curseur de souris
move, pointer, progress,
text, wait, e-resize, ne-
resize, auto...

Page 16 sur 16

Vous aimerez peut-être aussi