CSS: test su object

  • CSS
  • Gabriele Romanato

I CSS possono essere usati per assegnare degli stili agli elementi multimediali di una pagina. I seguenti test riassumono i risultati ottenuti con l'elemento object, ma le regole di stile specificate in ogni test possono essere applicate anche all'elemento iframe e agli elementi HTML5 audio e video (con qualche differenza). I risultati possono variare a seconda del browser, poichè l'elemento object viene trattato spesso in modo diverso dai vari programmi utente. Si raccomanda sempre di visualizzare i test su più browser per rendersi meglio conto di eventuali differenze.

Test

  1. http://www.css-zibaldone.com/test/css21/object/object1.html

    Semplice inserimento di un elemento object nella pagina.

  2. http://www.css-zibaldone.com/test/css21/object/object2.html

    Aggiunta di padding, colore di sfondo, altezza, larghezza e bordo.

  3. http://www.css-zibaldone.com/test/css21/object/object3.html

    Dimostrazione del fatto che l'elemento object è un elemento rimpiazzato di tipo inline-block e che quindi si dispone sulla stessa riga del testo circostante.

  4. http://www.css-zibaldone.com/test/css21/object/object4.html

    Centratura tramite display: block e margini orizzontali automatici.

  5. http://www.css-zibaldone.com/test/css21/object/object5.html

    Larghezza e altezza di un filmato Flash specificate solo nel CSS.

  6. http://www.css-zibaldone.com/test/css21/object/object6.html

    Aggiunta di testo alternativo nascosto prima del filmato.

  7. http://www.css-zibaldone.com/test/css21/object/object7.html

    Uso di object per includere un file di testo.

  8. http://www.css-zibaldone.com/test/css21/object/object8.html

    Uso di object per includere un file HTML.

  9. http://www.css-zibaldone.com/test/css21/object/object9.html

    Uso di object per includere un'immagine.

  10. http://www.css-zibaldone.com/test/css21/object/object10.html

    Inserimento di un video.

  11. http://www.css-zibaldone.com/test/css21/object/object11.html

    Un elemento object flottato.

  12. http://www.css-zibaldone.com/test/css21/object/object12.html

    Un elemento object posizionato in modo assoluto all'interno di un box posizionato in modo relativo (posizionamento contestuale).

  13. http://www.css-zibaldone.com/test/css21/object/object13.html

    Un elemento object con dimensioni in percentuale.

Torna su