Outils pour utilisateurs

Outils du site


devweb:css (lu 33164 fois)

Ceci est une ancienne révision du document !


CSS

Modifier un élément sur action d'un autre élément

  • A:hover B (si B est descendant de A)
  • A:hover > B (si B est fils de A)
  • A:hover + B (si B est frère directement suivant de A)
  • A:hover ~ B (si B est un frère suivant de A)

Aligner / centrer verticalement

Exemple pour centrer une image verticalement dans une div

<style>
div{
  height:150px;
  line-height: 150px;
}
img{
  vertical-align: middle;
}
</style>
<div>
  <img src...>
</div>

Aligner / centrer horizontalement

Soit tout simplement avec text-align:center;

Sinon il faut ruser

div{
  width: 500px;
  margin-left: -250px;
  left: 50%;
}

Styliser les checkbox et boutons radio

Le blend mode

La propriété CSS background-blend-mode décrit comment les éléments d’images d’arrière-plan doivent fusionner entre elles et avec la couleur de fond de l’élément.

Exemple ⇒ https://css-tricks.com/basics-css-blend-modes/

devweb/css.1431640608.txt.gz · Dernière modification: 14-05-2015 23:56 de edmc73