outline-style/border-style

[Nick]

"Die Angabe outline-style ist identisch zu border-style." [1]

Stimmt das so wirklich?

Funktioniert:

<style type="text/css">  
a:focus { outline-style: none; }  
</style>

Funktioniert nicht:

<style type="text/css">  
a:focus { border-style: none; }  
</style>

Links:
[1] http://de.selfhtml.org/css/eigenschaften/rahmen.htm#outline_style

[Cheatah]

Hi,

"Die Angabe outline-style ist identisch zu border-style." [1]

Stimmt das so wirklich?

es ist ungünstig formuliert. Gemeint ist, dass die selben Werte erlaubt sind.

Funktioniert nicht:

<style type="text/css">

a:focus { border-style: none; }
</style>

  
Doch, funktioniert. Wenn der Link normalerweise einen border hat, so verliert er diesen im :focus-Zustand. Die Outline (also das, was bei Dir vermutlich eine gestrichelte Linie ist) ist hiervon nicht beeinflusst.  
  
Übrigens ist diese Outline ein unverzichtbares Hilfsmittel bei der Tastatursteuerung. Sie zu entfernen, noch dazu pauscchal im Zustand der Fokussierung, ist hammermäßig kontraproduktiv.  
  
Cheatah  

-- 
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|  
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html  
X-Will-Answer-Email: No  
X-Please-Search-Archive-First: Absolutely Yes

[Nick]

es ist ungünstig formuliert. Gemeint ist, dass die selben Werte erlaubt sind.

Das sollte dann wirklich umformuliert werden.

Doch, funktioniert. Wenn der Link normalerweise einen border hat, so verliert er diesen im :focus-Zustand. Die Outline (also das, was bei Dir vermutlich eine gestrichelte Linie ist) ist hiervon nicht beeinflusst.

Mir geht es um genau diese Outline.

Übrigens ist diese Outline ein unverzichtbares Hilfsmittel bei der Tastatursteuerung. Sie zu entfernen, noch dazu pauscchal im Zustand der Fokussierung, ist hammermäßig kontraproduktiv.

Wie kann ich das denn auf Bilderlinks beschränken?

Funktioniert nicht:

<style type="text/css">  
a img:focus { outline-style: none; }  
</style>

[Beat]

Wie kann ich das denn auf Bilderlinks beschränken?
Funktioniert nicht:

<style type="text/css">

a img:focus { outline-style: none; }
</style>

  
Fokussiert wird hier der Link, nicht das Bild. Dieses ist ohne zusätzliche Bemühungen auch gar nicht fokusierbar.  
  
was du eventuell willst, ist:  
a:active {outline:none;}  
  
siehe: <http://people.opera.com/patrickl/experiments/keyboard/test>  
  
mfg Beat

-- 

><o(((°>           ><o(((°>  

   <°)))o><                     ><o(((°>o  
Der Valigator leibt diese Fische

[Nick]

Fokussiert wird hier der Link, nicht das Bild. Dieses ist ohne zusätzliche Bemühungen auch gar nicht fokusierbar.

Ok, das funktioniert aber auch nicht:

<style type="text/css">  
a:focus img { outline-style: none; }  
</style>

was du eventuell willst, ist:
a:active {outline:none;}

siehe: http://people.opera.com/patrickl/experiments/keyboard/test

Sehr interessante Seite, danke dafür.

[ChrisB]

Hi,

Fokussiert wird hier der Link, nicht das Bild. Dieses ist ohne zusätzliche Bemühungen auch gar nicht fokusierbar.

Ok, das funktioniert aber auch nicht:

<style type="text/css">

a:focus img { outline-style: none; }
</style>

  
Natürlich nicht - wenn der Link die outline bekommt, hilft es logischerweise wenig, sie einem im Link liegenden Element wieder nehmen zu wollen.  
  
Die spezielle Formatierung von Bilder-Links im Gegensatz zu „normalen“ ist doch ein wirklich schon oft diskutiertes Thema.  
  
MfG ChrisB  
  

-- 
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

[Nick]

was du eventuell willst, ist:
a:active {outline:none;}

Zeigt mir, entgegen dem Beispiel auf der Testseite, beim Klicken auf ein verlinktes Bild die unerwünschte gestrichelte Linie.

[Beat]

was du eventuell willst, ist:
a:active {outline:none;}

Zeigt mir, entgegen dem Beispiel auf der Testseite, beim Klicken auf ein verlinktes Bild die unerwünschte gestrichelte Linie.

Beachte den Unterschied zwischen Image-Replacement und <img> in <a>

mfg Beat

[Matthias Apsel]

Om nah hoo pez nyeetz, Nick!

"Die Angabe outline-style ist identisch zu border-style." [1] Stimmt das so wirklich?

Damit ist gemeint: border-style und outline-style können dieselben Werte besitzen und gleichlautende haben auch die gleiche Bedeutung.

Funktioniert nicht:

<style type="text/css">

> a:focus { border-style: none; }
> </style>

Das kann andere Ursachen haben (Beachten Sie).

Zudem wird die normale Link-Unterstreichung durch text-decoration realisiert.

Matthias

[Nick]

Damit ist gemeint: border-style und outline-style können dieselben Werte besitzen und gleichlautende haben auch die gleiche Bedeutung.

Dann sollte vielleicht über eine eindeutigere Formulierung nachgedacht werden.

Das kann andere Ursachen haben (Beachten Sie).

Ich habe testweise einfach in der CSS-Definition von a:focus outline-style durch border-style ersetzt, was dazu führte, dass um ein verlinktes Bild beim Draufklicken die berüchtigte getrichelte Linie angezeigt wurde.

Zudem wird die normale Link-Unterstreichung durch text-decoration realisiert.

Aber nicht besagter Rahmen bei Bilderlinks.

[Matthias Apsel]

Om nah hoo pez nyeetz, Nick!

Damit ist gemeint: border-style und outline-style können dieselben Werte besitzen und gleichlautende haben auch die gleiche Bedeutung.

Dann sollte vielleicht über eine eindeutigere Formulierung nachgedacht werden.

Wurde.

Ich habe testweise einfach in der CSS-Definition von a:focus outline-style durch border-style ersetzt, was dazu führte, dass um ein verlinktes Bild beim Draufklicken die berüchtigte getrichelte Linie angezeigt wurde.

In den Browser-stylesheets gibt es eine Regel mit dem Selektor a img:focus. Im übrigen solltest du cheatas Hinweis beachten, der Rahmen ist für Menschen mit Beeinträchtigungen der Mausbedienung immanent wichtig.

Matthias

[MudGuard]

Hi,

Wurde.

Da steht im Abschnitt zu outline-style jetzt, daß mit ***border-style*** der Rahmentyp festgelegt werden kann:

Mit border-style: können Sie den Rahmentyp festlegen

cu,
Andreas

[Matthias Apsel]

Om nah hoo pez nyeetz, MudGuard!

Da steht im Abschnitt zu outline-style jetzt, daß mit border-style der Rahmentyp festgelegt werden kann:

Stand.

Danke fürs Fehlerlesen, du hättest es auch gleich verbessern können.

Matthias

[Matthias Apsel]

Om nah hoo pez nyeetz, Matthias Apsel!

In den Browser-stylesheets gibt es eine Regel mit dem Selektor a img:focus.

ist natürlich Quatsch, denn der Link hat den Focus. Im Übrigen sehe ich keinen Grund, warum für <a href=...<img ...></a>

a:focus {outline: none;} nicht funktionieren sollte. Das Bild hat den Rahmen. Deshalb a:focus img {border: none;}

Matthias