Opera utvider CSS støtten

Kanskje vi burde takke Håkon Wium Lie, “CTO” på Opera og oppfinner av CSS tilbake i 1994, for dette. Opera har alltid hatt god støtte av CSS, men nå beveger de seg også mer inn i verden av CSS3. I tillegg får de mer støtte av HTML5 og JavaScript/DOM. Da nevner jeg ikke en gang den forbedrede funksjonalliteten i grensesnittet selv eller alle de nye mulighetene Opera kommer med.

Jeg elsker CSS. Jeg elsker hva man kan få utrettet med CSS, og forskjellene fra en clean side. Jeg elsker å se forskjeller fra en side uten CSS og en med CSS, og hvor lang man kan komme uten bilder, kun med CSS. Derfor varmer det hjertet mitt når jeg ser at endelig går en nettleser for fult over på CSS3. Selvfølgelig blir hjertet mitt knust igjen når jeg kommer meg ned på bakken og tenker at jeg ikke kan bruke noe av det uansett. det vil uansett gå mange år før “tregosten” i gruppen kommer etter. Jeg tenker da selvfølgelig på Internet Explorer. Firefox og Safari har relativt god støtte for CSS til nå (f.eks for selectors ligger Safari og Opera (nåværende versjoner) på likt nivo og Firefox litt over). Men Firefox og Safari trenger uansett et hopp for å komme seg frem til støtten som Opera nå har. Vi får håpe at etter Microsoft kom ut med IE 7 at de er villig til å satse mer på nettleseren sin og holde den oppdatert litt mer enn de har gjort frem til nå. Slik kanskje de nermer seg webstandarden litt fortere og vi får se CSS 3 i alle nettlesere om maks 2-3 år. Det er mye å håpe på, men jeg gjør det likevell.

Hvilken støtte har Opera 9.5 fått?

Posten handler om Opera. Ikke noe klagepost på IE eller skaperne av IE. Så hvilken støtte er det vi får, som jeg er så henrykt over?

  • Added support for the CSS3 overflow-x and overflow-y properties (demo)
  • Added support for the CSS3 text-shadow property (demo)
  • Added support for the CSS3 Selectors (demo)
  • Added support for the CSS3 outline-offset property (demos)
  • Added support for the CSS3 background-size property (only accessible via the custom -o-background-size property)
  • Added support for the CSS3 currentColor color keyword
  • Added support for the CSS2.1 white-space: pre-line value
  • Added support for the :-o-prefocus pseudo-class, which allows styling of form elements reached via spatial navigation
  • Added support for the custom -o-language-string(n) property for use in User and Internal Stylesheets to allow localized strings in stylesheets
  • Added support for the custom -o-table-baseline property, used to determine which row of an inline-table will be used as the baseline of the table. The property accepts either an integer or inherit value, where the integer refers to the table row to use as the table’s baseline. -1 refers to the last row of the table and -n refers to the nth row from the bottom. If the integer value is 0, the bottom margin edge of the table will be treated as the table’s baseline. The initial value is 1. This property only applies to inline-tables
  • Greatly improved support for the CSS outline property
  • Support the min-width and max-width properties for elements styled with display: table-cell (such as td and th elements)
  • Improved support for @import, @media, @namespace, and @page at-rules
  • Fixed problem where the background-attachment property did not apply in ::first-line contexts
  • Support overflow in inline-table and inline-block elements, which fixes unclickable links and truncated content on Dell.com

Og mye mer. Favorittene mine er selvfølgelig de nye egeneskapene som er mulig fra CSS3. I tillegg har Opera sin egen mulighet for egenskap som går som -o-*, som da er Operas variant av Mozillas -moz-*.

Dette er supre nyheter for CSS fantaster, mener jeg. Selv om noe av denne støtten ligger spredt på andre nettlesere.

2 responser om “Opera utvider CSS støtten”

  1. De fleste demoene fungerer i FireFox også? Så dette er vel ikke “bare” opera som er kommet med?

    Eneste som ikke fungerte var text med Shadows, og noen av testene til CSS3 Selectors.


  2. Det er ikke bare Opera som har god støtte for CSS, nei. Men med nyeste Opera vil jeg si, i følge testene, at det er den som foreløpig har best støtte for CSS.


Legg igjen respons

Fyll ut alle felt markert med *

Brukerinformasjon
  1. Kan bruke følgende html: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> og [html] [css], [mysql] og [php] Hold posten ren og fin!

    Siter valgt tekst

E-post-varsel uten å skrive kommentar.

Info om posten

Innlegget ble postet 04.09.07 16:13 og ligger under kategorien Tanker. Du kan abonnere på kommentarene ved å bruke RSS 2.0 feed. Du kan legge til kommenter, eller trackback fra din blogg/side.

Resurser

Arkiver

Metainfo


Siste Flickr-bilder

  • Commentsystem (20070308)
  • Ukraina Aksjonen 2006 (20070306)
  • Mikael Brevik blogg (20070306)
  • Mikael Brevik (20070306)
  • Brukerdefinert side - AVIS2 (20070306)
  • Brevik Webutvikling (20070306)
  • skyscraper
  • visittkort