Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

css_border.pdf.pdf

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Chargement dans…3
×

Consultez-les par la suite

1 sur 1 Publicité

css_border.pdf.pdf

Télécharger pour lire hors ligne

<DOCTYPE html>
<html>
<head>
<style>
h1 {
color: white;
font-size:40px;
font-family: Verdana;
text-align: center;
border-style: dotted;
border-width: thin;
background-color: magenta;
}
h3 {
color: dodgerblue;
font-family: Verdana;
text-align: center;
}
p.seven {
color: green;
font-family: Verdana;
font-size:25px;
}
p.one {
border-style: solid;
border-width:5px;
}
p.two {
border-style: dotted;
border-width:
}
p.three {
border-style: dotted;
border-width:2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
p.five {
border-style: double;
border-width:15px;
}
p.six {
border-style: double;
border-width: thick;
}
</style>
</head>
<body>
<h1>The border-width Property</h1>
<h3>This property specifies the width of the four borders:</h3>
<p class="one">5px border-width</p>
<p class="two">Medium border-width</p>
<p class="three">2px border-width</p>
<p class="four">Thick border-width</p>
<p class="five">15px border-width</p>
<p class="six">Thick border-width</p>
<p class="seven"><strong>Note:</strong> The property does not work if it is used alone. Always specify the "border-style" property to set the borders first.</p>
</body>
</html>

<DOCTYPE html>
<html>
<head>
<style>
h1 {
color: white;
font-size:40px;
font-family: Verdana;
text-align: center;
border-style: dotted;
border-width: thin;
background-color: magenta;
}
h3 {
color: dodgerblue;
font-family: Verdana;
text-align: center;
}
p.seven {
color: green;
font-family: Verdana;
font-size:25px;
}
p.one {
border-style: solid;
border-width:5px;
}
p.two {
border-style: dotted;
border-width:
}
p.three {
border-style: dotted;
border-width:2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
p.five {
border-style: double;
border-width:15px;
}
p.six {
border-style: double;
border-width: thick;
}
</style>
</head>
<body>
<h1>The border-width Property</h1>
<h3>This property specifies the width of the four borders:</h3>
<p class="one">5px border-width</p>
<p class="two">Medium border-width</p>
<p class="three">2px border-width</p>
<p class="four">Thick border-width</p>
<p class="five">15px border-width</p>
<p class="six">Thick border-width</p>
<p class="seven"><strong>Note:</strong> The property does not work if it is used alone. Always specify the "border-style" property to set the borders first.</p>
</body>
</html>

Publicité
Publicité

Plus De Contenu Connexe

Plus récents (20)

Publicité

×