Soms kom je van die kleine handigheidjes tegen waarvan je denkt: die moet ik onthouden!
En dan is dit volgens mij de uitgewezen plek.
Dus vanaf nu in deze post: CSS truukjes om te onthouden.
Verwijder de gestippelde lijnen om een link en IE
Links ( <a> ' s ) hebben in IE standaard een stippellijn rond de link wanneer ze "actief" zijn .
Meestal is dit geen probleem. Links zijn normaal actief voor slechts een fractie van een seconde voordat een nieuwe pagina is geladen en de omtrek is verdwenen .
Maar soms wil je dit niet en het is mooier om ze te verwijderen.
Deze style gebruikt de " outline" CSS-eigenschap . Outline is zeer vergelijkbaar met border.
De code om dit verwijderen:
a { outline: 0; }
Telefoonnummer stijlen en klikbaar maken voor mobiele telefoons
Om alle automatische opmaak voor telefoonnummer te verwijderen, hoef je maar één regel toe te voegen aan de <head> sectie:
<meta name="format-detection" content="telephone=no">
En om de telefoonnummers op een pagina er als een link er in te zetten:
<a href="tel:+1-555-555-5555">1-555-555-5555</a>
Om de inhoud in een element verticaal te centreren
Hiervoor heb je slechts 3 regels code nodig!
.element { position: relative; top: 50%; transform: translateY(-50%); }