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
- http://www.css-zibaldone.com/test/css21/object/object1.html
Semplice inserimento di un elemento
object
nella pagina. - http://www.css-zibaldone.com/test/css21/object/object2.html
Aggiunta di padding, colore di sfondo, altezza, larghezza e bordo.
- http://www.css-zibaldone.com/test/css21/object/object3.html
Dimostrazione del fatto che l'elemento
object
è un elemento rimpiazzato di tipoinline-block
e che quindi si dispone sulla stessa riga del testo circostante. - http://www.css-zibaldone.com/test/css21/object/object4.html
Centratura tramite
display: block
e margini orizzontali automatici. - http://www.css-zibaldone.com/test/css21/object/object5.html
Larghezza e altezza di un filmato Flash specificate solo nel CSS.
- http://www.css-zibaldone.com/test/css21/object/object6.html
Aggiunta di testo alternativo nascosto prima del filmato.
- http://www.css-zibaldone.com/test/css21/object/object7.html
Uso di
object
per includere un file di testo. - http://www.css-zibaldone.com/test/css21/object/object8.html
Uso di
object
per includere un file HTML. - http://www.css-zibaldone.com/test/css21/object/object9.html
Uso di
object
per includere un'immagine. - http://www.css-zibaldone.com/test/css21/object/object10.html
Inserimento di un video.
- http://www.css-zibaldone.com/test/css21/object/object11.html
Un elemento
object
flottato. - 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). - http://www.css-zibaldone.com/test/css21/object/object13.html
Un elemento
object
con dimensioni in percentuale.