In den letzten beiden Artikeln dieser dreiteiligen Reihe haben wir uns mit Verläufen beschäftigt, um wirklich nette Bilddekorationen nur mit dem <img>-Element zu erstellen. In diesem dritten und letzten Teil werden wir weitere Techniken mit dem … erkunden.
Die CSS-Eigenschaft outline-color legt die Farbe des Umrisses eines Elements fest. Was ist ein Umriss? Ein Umriss ist eine Linie, die um Elemente gezeichnet wird – außerhalb des Randes –, die zu Barrierefreiheits- oder Dekorationszwecken verwendet wird, wenn das …
Die CSS-Eigenschaft outline-style legt den Stil des Umrisses eines Elements fest. Was ist ein Umriss? Ein Umriss ist eine Linie, die um Elemente gezeichnet wird – außerhalb des Randes –, die zu Barrierefreiheits- oder Dekorationszwecken verwendet wird, wenn das …
Die outline-Eigenschaft in CSS zeichnet eine Linie außerhalb eines Elements. Dies ähnelt stark der border-Eigenschaft, der Hauptunterschied ist, dass outline nicht Teil des Box-Modells ist. Sie wird oft für …
In den Nachrichten diese Woche: Firefox erhält abgerundete Outlines, SVG-Animationen sind in Chrome jetzt GPU-beschleunigt, es gibt keine physischen Einheiten in CSS, das Kreuzworträtsel der New York Times ist barrierefrei und CSS-Variablen werden aufgelöst, bevor der Wert vererbt wird…
Schau an! Der Pseudo-Selektor :focus-visible wird jetzt in Firefox unterstützt, ab Version 85, die gestern veröffentlicht wurde. Ich musste schnell zu den MDN Docs, um das zu bestätigen, und ja, die :focus-visible-Seite wurde aktualisiert auf …
Es lohnt sich immer zu wiederholen: Alle interaktiven Elemente sollten einen Fokusstil haben. So kann ein Tastaturnutzer erkennen, wenn er den Fokus auf dieses Element verschoben hat.
Aber wenn Sie dafür allein :focus verwenden, hat das einen Nebeneffekt, der…
Remy hat das neulich dokumentiert. Firefox unterstützt ein Highlight-Schlüsselwort und sowohl Chrome als auch Safari unterstützen ein -webkit-focus-ring-color-Schlüsselwort. Wenn Sie also zum Beispiel den Fokus von etwas entfernt und ihn wieder an derselben …
Jeder Frontend-Entwickler hat dieses Szenario schon einmal erlebt oder wird es erleben: Ihr Chef, Kunde oder Designer ist der Meinung, dass der vom Browser auf fokussierten Elementen angewendete Umriss nicht zum UI passt, und bittet Sie, ihn zu entfernen. Oder Sie könnten sogar …
