-khtml-border-radius ?


Ce serait l'équivalent de -moz-border-radius, mais pour Safari.

On l'évoque juste ici ou là dans des blogs et forums, sans donner de source...

J'ai voulu tester... d'où la présente page de test.
Il semble que cela ne marche sur aucun navigateur !


-moz-border-radius (version "-moz-")



-khtml-border-radius



khtml-border-radius (variante sans "-")



border-radius (sans préfixe)

-khtml-border-radius:1em;

-khtml-border-radius:1em 0;

-khtml-border-radius:0 1em 1em 0;

"Arrondir les angles"
Ça tourne rond ?

p#t4 {border-style:dashed dashed dotted dotted;-khtml-border-radius:1em 0 0 0;}
p#t4:hover {-khtml-border-radius:0;}




image en background
les coins dépassent-ils ?



Ceci est un <div> avec overflow:auto; et padding:2em;
Sous Gecko, Le padding n'a pas le même effet que dans un textarea (sauf à gauche) : La bordure ne contourne pas au large la scrollbar, ni par la droite ni par le haut et le bas. Conséquence, malgré le padding, le texte frôle la bordure haute (et basse) quand on scrolle.

-khtml-border-radius:49%;
width:300px; height:60px;



form :focus {border-color:#F88; color:blue}



Citations simples de -khtml-border-radius :

Méprise ? Naissance d'un hoax ? Ou mon test est-il mal écrit ?


web-jardin, Haut