Discussion :

[vaneck]

Bonjour,
comme vous pouvez le constatez , sur les nouveaux navigateurs , il est maintenant possible de changer dynamiquement la forme du textarea via une petite icône (en bas a droite sous Firefox 4 bêta).
Est-ce une nouvelle propriété de css3 ?
Toujours est il , cet options m'encombre , puisque mon textarea est scripté pour s'adapter automatiquement au texte (comme sur Facebook par exemple). Connaissez vous le moyens d'enlever l'option?
merci de votre aide.

[ornitho13]

Salut,

En effet c'est une nouvelle propriété CSS3 appelée resize. Elle permet le resize horizontal et/ou vertical ou non d'un élément HTML (div, textarea ...).

Dans certain navigateur moderne, elle est activée par défaut sur les textareas.

Voici des exemples d'utilisation :
- resize horizontal et vertical :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.resize{
    width:100px;
    height:150px;
    overflow: auto;
    resize:both;
}

- resize horizontal :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.resize{
    width:100px;
    height:150px;
    overflow: auto;
    resize:horizontal;
}

- resize vertical :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.resize{
    width:100px;
    height:150px;
    overflow: auto;
    resize:vertical;
}

- pas de resize

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.resize{
    width:100px;
    height:150px;
    overflow: auto;
    resize:none;
}

[vaneck]

oki merci, c'est ce qu'il fallait. D’ailleurs au passage connaitrais tu un bon lien/bouquin, qui réunisse toute les propriété css3/html5 en cours, avec leur compatibilité navigateur?

[ornitho13]

Essaye ce lien, il répertorie toutes les fonctionnalités CSS3/HTML5 en fonction de ton navigateur:
http://fmbip.com/

sinon il y a ceux ci:
http://css3.info
http://www.w3.org/
http://www.w3schools.com/

Il y en a plein d'autres
html5demos.com
http://www.w3.org/TR/html5/
http://diveintohtml5.org
http://www.html5rocks.com
http://www.apple.com/html5/
monsite http://debray.jerome.free.fr ou http://debray-jerome.developpez.com

ou encore un autre site en cours de construction:
http://roadtocss3.free.fr