Christian: %, cm, pt, [...]-Angaben in clip:rect()

Hallo,

ist es erlaubt %, cm, o.ä. in clip: rect() zu benutzen??

Also z.B. so:

#test
{
clip: rect(10% 5px 2cm 0px);
}

Der IE kann zumindest mal %-Angaben. Andere Browser nicht.

Ist das standardkonform?
oder dürfen nur Pixelwerte da stehen?

Gruß
Christian

  1. Hi,

    Hallo,

    ist es erlaubt %, cm, o.ä. in clip: rect() zu benutzen??

    Also z.B. so:

    #test
    {
    clip: rect(10% 5px 2cm 0px);
    }
    Der IE kann zumindest mal %-Angaben. Andere Browser nicht.

    Ist das standardkonform?

    Nein, ist es nicht.

    Siehe http://www.w3.org/TR/REC-CSS2/visufx.html#propdef-clip
    In CSS2, the only valid <shape> value is: rect (<top> <right> <bottom> <left>) where <top>, <bottom> <right>, and <left> specify offsets from the respective sides of the box.

    <top>, <right>, <bottom>, and <left> may either have a <length> value or 'auto'. Negative lengths are permitted. The value 'auto' means that a given edge of the clipping region will be the same as the edge of the element's generated box (i.e., 'auto' means the same as '0'.)

    Hier steht NICHTS von <percentage>.
    ==> Prozentwerte sind nicht zulässig.

    oder dürfen nur Pixelwerte da stehen?

    Nein, eine Einschränkung auf px gibt es nicht. Es dürfen alle Längenwerte sowie der Wert auto benutzt werden.

    Es könnte helfen, auch die Errata zu berücksichtigen (http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#x68):
    Values of "rect()" should be separated by commas. Thus, the definition of <shape> should start:

    In CSS2, the only valid <shape> value is: rect (<top>, <right>, <bottom>, <left>) ...

    Due to this ambiguity, user agents may support separation of offsets in "rect()" with or without commas.

    Sprich, Kommata setzen.

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/