Online Mind Mapping and Brainstorming

Create your own awesome maps

Online Mind Mapping and Brainstorming

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account? Log In

BORDURES ET OMBRES EN HTML5 by Mind Map: BORDURES ET OMBRES EN HTML5
5.0 stars - 1 reviews range from 0 to 5

BORDURES ET OMBRES EN HTML5

Bordure image

border-image:

Exemple

.bordure { border-image: url(smiley.png) 30 30 round; -moz-border-image: url(smiley.png) 30 30 round; -webkit-border-image: url(smiley.png) 30 30 round; border-width: 10px; width: 300px; height: 300px; padding: 10px; text-align: center; }

Ombres textes

text-shadow: 10px 10px 20px blue;

Barre horizontale

<hr>

Ombres bordures

box-shadow:

Composition

Exemple

h2 { border: 3px black solid; border-radius: 20px; box-shadow: 5px 10px 10px green; }

Raccourci

border: dotted 1px black thick;

Bordure arrondi

border-radius:

Angle de l'arrondit

compatibilé

Exemple

h2 { border: 3px black solid; border-radius: 20px; }

Bordure arrondi image

Epaisseur bordure

border-top-width:

border-width:

Gestion de l'épaisseur

Exemple

p { border-top-width: thin; border-bottom-width: thin; border-left-width: thick; border-right-width: thick; border-style: solid; }

Styles de bordure

Styles

Gestion des styles

Exemple

border-top-style: dashed;

Couleur bordure

Gestion des couleurs

Important

Exemple

p { border-style: dotted; border-width: 7px; border-top-color: green; border-right-color: black; border-left-color: yellow; border-bottom-color: grey; }

L'auteur : Olivier Legrand

Formateur du Web

Concepteur pédagogique multimédia