| |
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
admin
Spécial
Inscrit le: 01 Juin 2006
Messages: 24
|
 Posté le: Jeu Déc 21, 2006 10:39 pm Sujet du message: Nouveautés dans le futur CSS3 |
 |
|
Beaucoups de nouveautés sont implementés dans le CSS3, je vais essayer de lister ici ces merveilles qui faciliteront la tâche des designers web et developpeurs dans leurs travail.
Bordure :
. Border-radius
| Code: | <div style=" background-color: #ccc;
-moz-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >
ceci affichera des arrondis sur les coins de votre block |
Vous pouvez parametrer quel coin vous voulez mettre en rond et lequel non :
| Code: | -moz-border-radius-topleft : arrondi seulement le coin en haut à gauche de votre block
-moz-border-radius-topright : en haut à droite
-moz-border-radius-bottomleft : le coin en bas à gauche
-moz-border-radius-bottomright : le coin en bas à droite
|
.box-sizing
| Code: | Si vous n'avez jamais arrivé à mettre les navigateurs d'accords sur la taille des modèles de blocs voici la solution attendue :
le box-sizing vous permet de forcer un navigateur qui ne respecte pas les normes à afficher. Au faites le box-sizing ajout le border-width, border-height et le padding à la taille de la boite (c-à-d) à l'intérieur du bloc.
si vous voulez l'utiliser sous firefox utilisez le prefixe -moz- qui vous donnera -moz-box-sizing: |
.resize
Si vous avez toujours voulu faire apparaitre des blocs que vos visiteurs peuvez agradir ou retrecir, vous pouvez l'utiliser si votre browser le supporte déjà.
| Code: | div.resize {
width: 100px;
height: 100px;
border: 1px solid;
[color=red]resize: both;[/color]
overflow: auto;
}
|
les différentes possibilités :
| Code: | | resize:both, resize: horizontal; et resize: vertical; |
j'espère que vous comprendrez même si je les explique pas.
Eliminer photoshop ou firewoks pour mettre des ombres autour des textes
.text-shadow
| Code: | color: #fff;
background-color: #fff;
text-shadow: 2px 2px 2px #000; |
|
|
| Revenir en haut de page |
|
 |
|
|
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
|
| |
|
FAQ
Rechercher
Liste des Membres
Groupes d'utilisateurs
Profil
S'enregistrer
Connexion
Se connecter pour vérifier ses messages privés
