Archives du mot-clé extension propriétaire

New CSS3 value: text-stroke (WebKit vendor extension)

A new vendor specification from WebKit: text-stroke. you won’t find it in CSS3 (yet), but this is a long-awaited function (at least by me). As someone said: Webkit is not only the basis for Safari, though, but an integral part of OS X. Typography has always been a strength of Mac OS…1

Surely this the reason they implemented those fancy fonts.

text-fill-color
This property allows you to specify a fill color for text. If it is not set, then the color property will be used to do the fill.
text-stroke-color
This property allows you to specify a stroke color for text. If it is not set, then the color property will be used to do the stroke.
text-stroke-width
This property allows you to specify the width of the stroke. It defaults to 0, meaning that only a fill is performed. You can specify a length for this value, and in addition the values thin, medium and thick can be used (with ‘thin’ being most like the outline behavior of OS X).
text-stroke
This property is a shorthand for the two stroke properties.
<div style="color:#906200;font-size:4em;text-shadow:5px 5px 10px #222;-webkit-text-stroke:5px black">This text has a black 3px stroke and a purple fill.</div>
This text has a black 3px stroke and a purple fill.
text-stroke

  1. If you are not convinced (or even if you are), take a look at Du bête RTF and Essayez de faire ça avec le bloc-notes. This is in French, but there is a lot of pictures.

flattr this!

Le support de pre-wrap

Un petit dessin vaut mieux qu’un long discours

  1. [HTML] pre permet de rentrer du texte « tel quel ».
  2. [CSS] white-space:pre-wrap fait de même, mais replie les lignes. Il n’est malheureusement géré que par Opera
  3. voici les les extensions propriétaires pour les autres navigateurs
    • Mozilla : white-space:-moz-pre-wrap
    • Internet Explorer 5.5+ et Safari : word-wrap:break-word
    • Internet Explorer 5.5+ aussi : _white-space: pre

Je n’aime toujours pas les hacks, mais ça, ça ne mange presque pas de pain et surtout, ça ne touche pas à la structure.

Mon enquête montre que ceci remplace la balise pre (qui est pourtant surtout une balise de présentation, quand on y pense), sauf pour Safari.

Pour rappel, la totale, trouvé sur pre-wrap alternatives (les deux valeurs Opera-only ne sont là que par souci de complétude, Opera gérant la vraie valeur).

..wordwrap { 	white-space: pre-wrap;	/* css-3 should we be so lucky... */ 	white-space:-moz-pre-wrap;	/* Mozilla, since 1999 */ 	white-space:-pre-wrap;	/* Opera 4-6 ’ */ 	white-space:-o-pre-wrap;	/* Opera 7 ’ */ 	word-wrap: break-word;	/* Internet Explorer 5.5+ */ 	_white-space: pre;		/* IE only hack to re-specify in addition to word-wrap */ }

Et donc le code que j’ai ajouté à ma CSS :

code	{ 	white-space:pre-wrap; 	white-space:-moz-pre-wrap;	/* Mozilla*/ 	word-wrap:break-word		/* IE 5.5+ et Safari */ }

flattr this!

Liste d’éléments propriétaires

En provenance de chez Laurent Denis, où c’était perdu au milieu d’un article sur le détournement des compteurs CSS.

Ne pas confondre avec les extensions de développement.

Élément Navigateur Plus proche standard
bgsound
blackface
blink standard, mais facultatif
bq
comment
embed
fn
ilayer
keygen
layer
limittext
listing
marquee IE(Mac/Win ?) x.x
multicol
nobr
noembed
nolayer
nosmartquotes
plaintext
server
shadow
sidebar
spacer
wbr
xmp

flattr this!