border-bottom-left-radius

Bearbeiten
Erweitert
- Versionsgeschichte
- Diesen Artikel drucken

Springen zu:

Übersicht
Syntax
Spezifikation
Browser Kompatibilität

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Übersicht

Die CSS Eigenschaft border-bottom-left-radius legt die Abrundung der unteren, linken Ecke eines Elements fest. Vor Gecko 2.0 (Firefox) war diese Eigenschaft unter dem Namen -moz-border-radius-bottomleft bekannt.

Weitere Informationen sind unter border-top-left-radius verfügbar.

Initialwert	`0`
Anwendbar auf	alle Elemente; aber User Agents sind nicht gezwungen dies auf `table` und `inline-table` Elemente anzuwenden, falls `border-collapse` `collapse` ist. Das Verhalten bei internen Tabellenelementen ist momentan undefiniert.. Auch anwendbar auf `::first-letter`.
Vererbt	Nein
Prozentwerte	bezieht sich auf die Größe der Border-Box
Medien	visuell
Berechneter Wert	zwei absolute `length` oder `percentage`
Animationstyp	Längenangabe, Prozentsatz oder `calc()`;
Kanonische Reihenfolge	die eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

Formal syntax: <length-percentage>{1,2}wobei 
<length-percentage> = <length> | <percentage>

border-bottom-left-radius: radius               /* the corner is a circle    */  E.g. border-bottom-left-radius: 3px
border-bottom-left-radius: horizontal vertical  /* the corner is an ellipsis */  E.g. border-bottom-left-radius: 0.5em 1em

border-bottom-left-radius: inherit

Spezifikation

Spezifikation	Status	Kommentar
CSS Backgrounds and Borders Module Level 3 Die Definition von 'border-bottom-left-radius' in dieser Spezifikation.	Anwärter Empfehlung	Initial definition

Initialwert	`0`
Anwendbar auf	alle Elemente; aber User Agents sind nicht gezwungen dies auf `table` und `inline-table` Elemente anzuwenden, falls `border-collapse` `collapse` ist. Das Verhalten bei internen Tabellenelementen ist momentan undefiniert.. Auch anwendbar auf `::first-letter`.
Vererbt	Nein
Prozentwerte	bezieht sich auf die Größe der Border-Box
Medien	visuell
Berechneter Wert	zwei absolute `length` oder `percentage`
Animationstyp	Längenangabe, Prozentsatz oder `calc()`;
Kanonische Reihenfolge	die eindeutige Reihenfolge definiert durch die formale Grammatik

Browser Kompatibilität

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Edge Mobile	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
`border-bottom-left-radius`	Chrome Vollständige Unterstützung 4 Vollständige Unterstützung 4 Vollständige Unterstützung 1 Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Edge Vollständige Unterstützung 12 Vollständige Unterstützung 12 Vollständige Unterstützung 12 Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Firefox Vollständige Unterstützung 4 Hinweise Vollständige Unterstützung 4 Hinweise Hinweise Prior to Firefox 50, border styles of rounded corners were always rendered as if `border-style` was solid. This has been fixed in Firefox 50. Vollständige Unterstützung 49 Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit- Vollständige Unterstützung 44 Mit Präfix Deaktiviert Mit Präfix Benötigt das Herstellerpräfix: -webkit- Deaktiviert From version 44: this feature is behind the `layout.css.prefixes.webkit` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config. Keine Unterstützung 1 — 12 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `-moz-border-radius-bottomleft`	IE Vollständige Unterstützung 9	Opera Vollständige Unterstützung 10.5	Safari Vollständige Unterstützung 5 Vollständige Unterstützung 5 Vollständige Unterstützung 3 Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	WebView Android Vollständige Unterstützung Ja	Chrome Android Vollständige Unterstützung 18	Edge Mobile Vollständige Unterstützung Ja Vollständige Unterstützung Ja Vollständige Unterstützung Ja Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Firefox Android Vollständige Unterstützung 4 Hinweise Vollständige Unterstützung 4 Hinweise Hinweise Prior to Firefox 50, border styles of rounded corners were always rendered as if `border-style` was solid. This has been fixed in Firefox 50. Vollständige Unterstützung 49 Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit- Vollständige Unterstützung 44 Mit Präfix Deaktiviert Mit Präfix Benötigt das Herstellerpräfix: -webkit- Deaktiviert From version 44: this feature is behind the `layout.css.prefixes.webkit` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config. Keine Unterstützung 4 — 14 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `-moz-border-radius-bottomleft`	Opera Android Vollständige Unterstützung Ja	Safari iOS Vollständige Unterstützung Ja	Samsung Internet Android Vollständige Unterstützung Ja
Percentages	Chrome Vollständige Unterstützung 4	Edge Vollständige Unterstützung 12	Firefox Vollständige Unterstützung 4 Vollständige Unterstützung 4 Vollständige Unterstützung 1 Hinweise Hinweise Before Firefox 4, the `<percentage>` was relative to the width of the box even when specifying the radius for a height. This implied that `-moz-border-radius-bottomleft` was always drawing an arc of circle, and never an ellipse, when followed by a single value.	IE Vollständige Unterstützung 9	Opera Vollständige Unterstützung 10.5	Safari Vollständige Unterstützung 5	WebView Android Vollständige Unterstützung Ja	Chrome Android Vollständige Unterstützung 18	Edge Mobile Vollständige Unterstützung Ja	Firefox Android Vollständige Unterstützung 4	Opera Android Vollständige Unterstützung Ja	Safari iOS Vollständige Unterstützung Ja	Samsung Internet Android Vollständige Unterstützung Ja
Elliptical corners	Chrome Vollständige Unterstützung 1	Edge Vollständige Unterstützung 12	Firefox Vollständige Unterstützung 3.5	IE Vollständige Unterstützung 9	Opera Vollständige Unterstützung 10.5	Safari Vollständige Unterstützung 3	WebView Android Vollständige Unterstützung Ja	Chrome Android Vollständige Unterstützung 18	Edge Mobile Vollständige Unterstützung Ja	Firefox Android Vollständige Unterstützung 4	Opera Android Vollständige Unterstützung Ja	Safari iOS Vollständige Unterstützung Ja	Samsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung: Vollständige Unterstützung
Siehe Implementierungshinweise.: Siehe Implementierungshinweise.
Benutzer muss dieses Feature explizit aktivieren.: Benutzer muss dieses Feature explizit aktivieren.
Verwendet einen nicht standardisierten Namen.: Verwendet einen nicht standardisierten Namen.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.: Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, Sebastianz, fscholz, FredB, Yuichiro, Jürgen Jeka, Michael2402

Zuletzt aktualisiert von: mdnwebdocs-bot, 23.03.2019, 20:13:35

Verwandte Themen