outline - Kurs HTML i CSS
Tryb Quirks / X-UA-Compatible...focus, :lang(...) Dodana pełna obsługa własności: border-spacing, caption-side, content, counter-increment, counter-reset, empty-cells, orphans, outline, outline-color, outline-style, outline-width, page-break-inside, quotes, widows Źródło: CSS Improvements in Internet Explorer 8 Inne przydatne artykuły: CSS Compatibility and Internet Explorer
HTML5 / Napisy do filmów <track>...zmienić wygląd napisów przy pomocy stylów CSS. Obsługiwane powinny być następujące własności: color, opacity, visibility, text-decoration, text-outline, text-shadow, background, outline, font, white-space. Aby zmienić stylizację wszystkich napisów, trzeba posłużyć się specjalnym pseudoelementem: ::cue { color: white; background: black; } Aby zmienić wygląd tekstu, który w napisach został objęty znacznikami B, I, U, należy wpisać: ::cue(b) { color: red; } ::cue(i) { color: lime; }...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...za pomocą klawiatury. Na przykład: <button tabindex="-1">Przycisk</button>. Alternatywnie, można usunąć fokus CSS-owo, stosując atrybut style="outline: none" w wybranym znaczniku, albo odpowiednią deklarację w arkuszu stylów - np.: button { outline: none; }, choć to może wpłynąć na dostępność i użyteczność.
- HTML5 / Nowe elementy HTML5
...całą treść oprócz nagłówków wszystkich sekcji i podsekcji, powinniśmy otrzymać zagnieżdżoną listę w formie spisu treści dokumentu (ang. document outline). Nawet jeśli jawnie nie umieścimy spisu treści na stronie, taki domniemany spis nagłówków może być niezwykle przydatny dla czytelników serwisu. Osoby niewidome, korzystające z przeglądarki automatycznie tworzącej spisy z nagłówków, będą mogły przeskakiwać od razu do interesujących je sekcji dokumentu. Pozostali użytkownicy również na tym...
- Oprawa graficzna / Zamiennik obrazkowy
...zastosowanie tej techniki do odnośników powoduje wyświetlenie rozciągniętej w lewo ramki obrysu; pewnym obejściem może być przypisanie stylu: "outline: 0" Po wyłączeniu wyświetlania grafiki, w przeglądarce nie widać tekstu ani obrazka Jeśli mimo wszystko tekst nadal pojawia się ponad obrazkiem, przypisz do elementu styl: "text-align: left". Przykład Zamiennik obrazkowy Gilder/Levin Czasami zdarza się, że użytkownicy wyłączają wyświetlanie grafiki - np. aby przyspieszyć ładowanie...