Os seus resultados da pesquisa


    Este artigo necessita de uma revisão técnica.

    Nossos voluntários ainda não traduziram este artigo para o Português (do Brasil). Junte-se a nós e ajude a fazer o trabalho!

    « SVG Attribute reference home

    Assigns a class name or set of class names to an element. You may assign the same class name or names to any number of elements. If you specify multiple class names, they must be separated by whitespace characters.

    The class name of an element has two key roles:

    • As a style sheet selector, for use when an author wants to assign style information to a set of elements.
    • For general usage by the browser.

    The class can be used to style SVG content using CSS.

    Usage context

    Categories None
    Value <list-of-class-names>
    Animatable Yes
    Normative document SVG 1.1 (2nd Edition): The class attribute



    (Where T is some type.) A list consists of a separated sequence of values. Unless explicitly described differently, lists within SVG's XML attributes can be either comma-separated, with optional white space before or after the comma, or white space-separated.

    White space in lists is defined as one or more of the following consecutive characters: "space" (U+0020), "tab" (U+0009), "line feed" (U+000A), "carriage return" (U+000D) and "form-feed" (U+000C).

    The following is a template for an EBNF grammar describing the <list-of-Ts> syntax:

    list-of-Ts ::= T
                   | T, list-of-Ts

    Within the SVG DOM, values of a <list-of-Ts> type are represented by an interface specific for the particular type T. For example, a <list-of-lengths> is represented in the SVG DOM using an SVGLengthList or SVGAnimatedLengthList object.


      <svg width="120" height="220"  
         viewPort="0 0 120 120" version="1.1" 
        <style type="text/css" >
            rect.rectClass {
               stroke: #000066;
               fill:   #00cc00;
           circle.circleClass {
           stroke: #006600;
           fill:   #cc0000;
          <rect class="rectClass" x="10" y="10" width="100" height="100"/>
         <circle  class="circleClass"   cx="40" cy="50" r="26"/>


    The following elements can use the class attribute:

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support (yes) (Yes) ? ? ?
    Animation support ? 5 (5) ? ? ?
    Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support ? ? ? ? ?


    Etiquetas do documento e colaboradores

    Contribuíram para esta página: Sheppy, kscarfone, rshetty, steve9, Jeremie
    Última atualização por: kscarfone,