Éléments de niveau bloc : testez le CSS

Cette page-ci vous permet de simuler différentes situations faisant intervenir les propriétés vues dans les deux pages précédentes. L'encadré vert pâle contient du code CSS que vous pouvez modifier à votre guise. Il vous suffira ensuite de cliquer le bouton bleu situé plus bas pour visualiser comment votre code modifie la stylisation de la division au bas de la page. S'il ne se passe rien ou s'il se passe des choses bizarres, c'est qu'il y a des erreurs quelque-part dans les modi­fi­ca­tions que vous aurez faites. Vous pouvez réinitialiser le code n'importe quand en poussant la touche « F5 » du clavier.

Nous vous engageons à essayer pour chaque propriété toutes les valeurs possibles. Exa­mi­nez aussi ce qui se passe quand on enlève l'image d'arrière-plan. Bonne simulation.

Cliquez le bouton pour tester le CSS. Pour réinitialiser, appuyez sur la touche « F5 ».

Testez le CSS

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0

a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Accueil