Hier eine Sammlung von CSS-Schnipseln, die man für bestimmte Situationen oder einfach nur zum Spaß verwenden kann. Let´s start: Bild-Rendering img.QRcode { image-rendering: pixelated; } Diese Eigenschaft ist nützlich, um QR-Codes und Bildminiaturen zu rendern, um deren Qualität zu erhöhen. Führen Sie den Stil auf Safari 11+ aus @supports (padding: env(safe-area-inset)) { /* Your code…
Wenn man ein Bild in CSS als Rahmen definieren möchte, gibt es ein nettes kleines Online Tool – den border-image-generator. Einfach das Bild auf der Webseite hochladen, mit den Reglern spielen udn den Quellcode in die CSS-Datei einfügen.
Chrome und Safari verwendet Webkit, eine Open-Source-Webbrowser-Engine, und ab und zu scheint das CSS nicht mit Internet Explorer und Firefox übereinzustimmen. Um dies zu beheben, fügen Sie diesen Code in Ihren CSS-Code ein. @media screen and (-webkit-min-device-pixel-ratio:0) { /* Hier kommt der CSS-Code für Chrome und Safari ein. */ } Hier ein Beispiel: #homecontainer {…
In Dreamweaver kan man seit CS3 mit Spry Elementen arbeiten. Verschiedene Browser setzen um das Spry Accordion und Collapsible Panel eine Umrandung, die das Layout teilweise empfindlich stört. Mit der folgenden CSS-Zuweisung kann man das abschalten. Bsp. Accordion .Accordion { outline:none; } Bsp. Collapsible Panel .CollapsiblePanelTab { outline:none; }
Dieses nette Add-On für Firefox lokalisiert nicht verwendete CSS-Styles
Wenn Sie eine Website besuchen, speichert oder ruft sie möglicherweise Informationen in Ihrem Browser ab, meistens in Form von Cookies. Kontrollieren Sie Ihre persönlichen Cookie-Dienste hier.