---
title: "Apple.se , rundade hörn-teknik?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/185695-apple-se-rundade-hörn-teknik"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Anton_L"
published: "2011-01-07T02:51:00.000Z"
updated: "2011-02-02T12:13:11.000Z"
replies: 8
views: 2742
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/185695-apple-se-rundade-hörn-teknik"
---

# Apple.se , rundade hörn-teknik?

## #1 — Anton_L, 2011-01-07T02:51Z

Satt och spanade lite på Apples hemsida hur de rundat hörnen, trodde såklart att bilderna var gjorda med runda hörn i Photoshop... Sparade en bild och öppnaden den. Fyrkantiga hörn  :o. Hur lyckas dom få hörnen att bli rundade i webbläsaren, måste ju vara någon form av CSS som lägger på runda hörn på bilderna?

Länk: <http://www.apple.com/se/ipod/>
Kolla på bilden med de fyra färgade tummavtycken i något bildprogram...

Anton

Permalänk: https://www.webforum.nu/p/185695

## #2 — nitro2k01, 2011-01-07T06:51Z

Använd border-radius.

```
-moz-border-radius: 7px;
border-radius: 7px;
```

Kan även tipsa om denna sida: <http://css3generator.com/>

Permalänk: https://www.webforum.nu/p/2265886

## #3 — Mattias Nordin, 2011-01-07T10:37Z

Antagligen off topic men om du skriva iphone eller ipad applikationer utan att checka in i koden i apples appstore så rekommenderar jag följande bok:

Boken nedan tar också upp runda hörn och övrigt som har med iphone gui:t att göra.

Building iPhone Apps with HTML, CSS, and JavaScript
<http://ofps.oreilly.com/titles/9780596805784/>

Sen har du <http://jqtouch.com/> som är en jQuery plugin som löser mycket av funktionaliteten. 

Jag har provat och det går att fejka det så det ser mycket likt en riktig app (lokalt installerad).

Permalänk: https://www.webforum.nu/p/2265895

## #4 — Anton_L, 2011-01-07T12:51Z

> **[nitro2k01 skrev:](https://www.webforum.nu/p/1526745)**
>
> Använd border-radius.
>
> ```
> -moz-border-radius: 7px;
> border-radius: 7px;
> ```
>
> Kan även tipsa om denna sida: <http://css3generator.com/>

CSS 3/HTML5 har alldeles för få användare stöd för, vill inte göra det så bara vissa användare kan se resultatet. Stensäkert ska det vara  :bire

Permalänk: https://www.webforum.nu/p/2265904

## #5 — rhdf, 2011-01-07T16:23Z

Det enda som är stensäkert är nog att använda bilder i såfall
Eller så ser man till att sidan ser hyfsad ut även utan de där rundade hörnen för de stackare som sitter med IE ;)

De flesta moderna browsers stödjer ju border-radius i någon form.

Det är väl rätt troligt att nästa version av Firefox kommer stödja det med, dvs de dumpar -moz prefixet. ( det finns tydligen kvar i senaste betan för ff 4)
IE 9 Kommer stödja border-radius som det ser ut nu.

Permalänk: https://www.webforum.nu/p/2265918

## #6 — standard sparty, 2011-01-07T19:34Z

Är det någon jag saknar/Vilka finns det?

		\-webkit-border-radius:8px;
		\-moz-border-radius: 8px;
		border-radius: 8px;

Är förresten -o-  en?

Permalänk: https://www.webforum.nu/p/2265927

## #7 — MrB, 2011-01-07T21:48Z

<http://css3pie.com/> gör så att border-radius mm funkar i IE
inte 100% men ganska bra

Permalänk: https://www.webforum.nu/p/2265933

## #8 — Mattias Nordin, 2011-01-11T08:58Z

Css3pie var ju väldigt användbart. Bra länk !

Permalänk: https://www.webforum.nu/p/2266063

## #9 — MrB, 2011-02-02T12:13Z

Japp den e grym :)

Permalänk: https://www.webforum.nu/p/2267345

---

Tråden på webben: https://www.webforum.nu/amne/html-css/185695-apple-se-rundade-hörn-teknik