Border---radius - Versionshistorik

PGJ: /* Exempel */

2019-01-30T14:26:56Z

Exempel

← Äldre version		Versionen från 30 januari 2019 kl. 14.26
Rad 32:		Rad 32:

	== Exempel ==		== Exempel ==
	<codepen pen="mJNzmV" height="~~200~~" tab="css">		<codepen pen="mJNzmV" height="300" tab="css,result">
	</codepen>		</codepen>

	== Egenskapens definition ==		== Egenskapens definition ==
	https://drafts.csswg.org/css-backgrounds-3/#border-bottom-left-radius		https://drafts.csswg.org/css-backgrounds-3/#border-bottom-left-radius

PGJ: PGJ flyttade sidan Border-bottom-left-radius till Border---radius

2015-08-25T18:45:13Z

PGJ flyttade sidan Border-bottom-left-radius till Border-*-*-radius

← Äldre version	Versionen från 25 augusti 2015 kl. 18.45
(Ingen skillnad)

PGJ: /* Egenskapens definition */

2015-08-25T18:43:45Z

Egenskapens definition

← Äldre version		Versionen från 25 augusti 2015 kl. 18.43
Rad 36:		Rad 36:

	== Egenskapens definition ==		== Egenskapens definition ==
			https://drafts.csswg.org/css-backgrounds-3/#border-bottom-left-radius

PGJ: /* Egenskaper */

2015-08-25T18:42:17Z

Egenskaper

← Äldre version		Versionen från 25 augusti 2015 kl. 18.42
Rad 24:		Rad 24:
	\| Alla element		\| Alla element
	\|}		\|}

			''Längdvärdet1'' anger den horisontella radien på avrundningen. Om detta är det enda längdvärdet, kommer det att sättas lika på bägge radierna.

			''Längdvärdet2'' anger den vertikala radien på avrundningen.

			Längderna kan anges med hjälp av alla [[Måttenheter_i_CSS\|CSS-måttenheter]].

	== Exempel ==		== Exempel ==

PGJ den 25 augusti 2015 kl. 18.38

2015-08-25T18:38:44Z

← Äldre version		Versionen från 25 augusti 2015 kl. 18.38
Rad 5:		Rad 5:
	Det andra "<code>*</code>"-teckent ska ersättas av ett av följande positionsord; <code>left</code> eller <code>right</code>.		Det andra "<code>*</code>"-teckent ska ersättas av ett av följande positionsord; <code>left</code> eller <code>right</code>.

	Om vi t.ex. vill ~~sätta radien på~~ det nedre, vänstra hörnet skulle egenskapen skrivas; <code>border-bottom-left-radius</code>		Om vi t.ex. vill runda av det nedre, vänstra hörnet skulle egenskapen skrivas; <code>border-bottom-left-radius</code>

	== Egenskaper ==		== Egenskaper ==

PGJ den 25 augusti 2015 kl. 18.37

2015-08-25T18:37:52Z

← Äldre version		Versionen från 25 augusti 2015 kl. 18.37
Rad 1:		Rad 1:
	Egenskapen <code>border---radius</code> används för att sätta radien på ett rundat hörn på ett element. Eftersom det finns en flera varianter av denna som alla gör precis samma sak, fast för olika hörn, har vi valt att samla beskrivningen på en enda sida. Det första "<code></code>"-tecknen ska ersättas med ett av följande positionsord;<code>bottom</code> eller <code>top</code>. ~~Medan det~~ andra "<code></code>"-teckent ska ersättas av ett av följande positionsord; <code>left</code> eller <code>right</code>. Om vi t.ex. vill sätta radien på det nedre, vänstra hörnet skulle egenskapen skrivas; <code>border-bottom-left-radius</code>		Egenskapen <code>border---radius</code> används för att sätta radien på ett rundat hörn på ett element. Eftersom det finns en flera varianter av denna som alla gör precis samma sak, fast för olika hörn, har vi valt att samla beskrivningen på en enda sida.

			Det första "<code>*</code>"-tecknen ska ersättas med ett av följande positionsord;<code>bottom</code> eller <code>top</code>.

			Det andra "<code>*</code>"-teckent ska ersättas av ett av följande positionsord; <code>left</code> eller <code>right</code>.

			Om vi t.ex. vill sätta radien på det nedre, vänstra hörnet skulle egenskapen skrivas; <code>border-bottom-left-radius</code>

	== Egenskaper ==		== Egenskaper ==

PGJ den 25 augusti 2015 kl. 18.36

2015-08-25T18:36:55Z

← Äldre version		Versionen från 25 augusti 2015 kl. 18.36
Rad 1:		Rad 1:
	Egenskapen <code>border---radius</code> används för att sätta radien på ett ~~blockelement~~. Eftersom det finns en flera varianter av denna som alla gör precis samma sak, fast för olika hörn, har vi valt att samla beskrivningen på en enda sida. Det första "<code></code>"-tecknen ska ersättas med ett av följande positionsord;<code>bottom</code> eller <code>top</code>. Medan det andra "<code></code>"-teckent ska ersättas av ett av följande positionsord; <code>left</code> eller <code>right</code>. Om vi t.ex. vill sätta radien på det nedre, vänstra hörnet skulle egenskapen skrivas; <code>border-bottom-left-radius</code>		Egenskapen <code>border---radius</code> används för att sätta radien på ett rundat hörn på ett element. Eftersom det finns en flera varianter av denna som alla gör precis samma sak, fast för olika hörn, har vi valt att samla beskrivningen på en enda sida. Det första "<code></code>"-tecknen ska ersättas med ett av följande positionsord;<code>bottom</code> eller <code>top</code>. Medan det andra "<code></code>"-teckent ska ersättas av ett av följande positionsord; <code>left</code> eller <code>right</code>. Om vi t.ex. vill sätta radien på det nedre, vänstra hörnet skulle egenskapen skrivas; <code>border-bottom-left-radius</code>

	== Egenskaper ==		== Egenskaper ==

PGJ: Skapade sidan med 'Egenskapen `border---radius` används för att sätta radien på ett blockelement. Eftersom det finns en flera varianter av denna som alla gör precis samma sak,...'

2015-08-25T18:36:04Z

Skapade sidan med 'Egenskapen <code>border-*-*-radius</code> används för att sätta radien på ett blockelement. Eftersom det finns en flera varianter av denna som alla gör precis samma sak,...'

Ny sida

Egenskapen <code>border-*-*-radius</code> används för att sätta radien på ett blockelement. Eftersom det finns en flera varianter av denna som alla gör precis samma sak, fast för olika hörn, har vi valt att samla beskrivningen på en enda sida. Det första "<code>*</code>"-tecknen ska ersättas med ett av följande positionsord;<code>bottom</code> eller <code>top</code>. Medan det andra "<code>*</code>"-teckent ska ersättas av ett av följande positionsord; <code>left</code> eller <code>right</code>. Om vi t.ex. vill sätta radien på det nedre, vänstra hörnet skulle egenskapen skrivas; <code>border-bottom-left-radius</code>

== Egenskaper ==
{| class="wikitable"
| Parametrar
| <''längdvärde1''> | <''längdvärde2''> | <code>initial</code> | <code>inherit</code>
|-
| Defaultvärde
| <code>0</code>
|-
| Ärvs?
| Nej
|-
| Animerbart?
| Ja
|-
| Fungerar med...
| Alla element
|}

== Exempel ==
<codepen pen="mJNzmV" height="200" tab="css">
</codepen>

== Egenskapens definition ==

Border-*-*-radius - Versionshistorik