h1 {outline-width: 2px}
h1 {outline-style: double}
h1 {outline-color: red}
Cet exemple devrait montrer le titre "Internet" avec dans le premier cas un contour d'une largeur deux pixels, le second en désigne un sous forme de trait double tandis que le dernier lui applique une couleur rouge.
|
INTERNET
INTERNET
INTERNET |
p {outline: 15px double green}
Cet exemple devrait montrer un paragraphe avec un contour d'une largeur de 15 pixels, sous forme de trait double et d'une couleur rouge.
|
Internet découle directement de recherches démarrées au milieu des années 1970, sous l’impulsion de la D.A.R.P.A. (Defense Advanced Research Projects Agency), l’agence du ministère de la Défense américain gérant les projets de recherche avancée. Au début des années 1980 Arpanet, le réseau de télécommunications issu de ces travaux, se scinde en deux parties: l’une, réservée à la recherche, conserve le nom d’Arpanet; l’autre partie, réservée aux activités militaires, prend le nom de MILNET. En 1985, la N.S.F. (National Science Foundation) subventionne NFSNET, un réseau grande distance relié à Arpanet qui interconnectait les plus gros centres de calcul. NFSNET devient rapidement le réseau fédérateur des réseaux des universités et des centres de recherche américains. Depuis lors, il s’est étendu à tous les continents et connaît un essor considérable sous le nom d’Internet, du nom de l’un des protocoles de communication nécessaires à l’interconnexion des machines. |
em {outline: 0.5em solid rgb(0, 255, 50)}
Cet exemple devrait montrer des parties d'un texte mises en évidence par l'intermédire d'un contour ayant les cractéristiques suivantes : une largeur d'un-demi "em", d'un style "trait plein" et d'une couleur verte.
|
Un nouveau format d'image vectorielle pourrait devenir dans les années à venir une référence dans le domaine de l'Internet. Il s'agit du format SVG (Scalable Vector Graphic). |
img {outline-width: 10px; outline-style: inset; outline-color: yellow}
Cet exemple devrait montrer une image avec un contour d'une largeur de 10 pixels, un style "enfoncé" et d'une couleur jaune.
|
|
ul {outline-width: 5mm;
outline-style: ridge;
outline-color: #EEFF11}
Cet exemple devrait montrer une liste possédant un contour d'une largeur de 5 millimètres, d'un style "sillon" et d'une couleur jaune.
|
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
|
table {outline: #808080 1in groove}
Cet exemple devrait montrer un tableau ayant un contour d'une largeur de un pouce, d'un style "rainure" et d'une couleur argent.
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
td {outline: #808080 1in groove}
Cet exemple devrait montrer un tableau dont certaines celulles ont un contour d'une largeur de un pouce, d'un style "rainure" et d'une couleur argent.
|
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
Actuellement, ni Netscape Communicator et ni Internet Explorer ne supportent la technologie des contours bien que spécifiée par le W3C.