Als «css» getaggte Fragen

Wie zeichnet man mit HTML5 und CSS3 einen Kreis? Ist es auch möglich, Text

Ich möchte, dass mein Container div die maximale Höhe seiner Kindergröße erreicht. ohne zu wissen, welche Größe das Kind divhaben wird. Ich habe JSFiddle ausprobiert . Der Behälter divist rot. was nicht auftaucht.

Kann ich auf irgendeine Weise alle externen CSS in einem Browser (Firefox, Chrome ...) deaktivieren? Bei Verwendung einer langsameren Internetverbindung wird manchmal nur der reine HTML-Code vom Browser ohne die CSS-Informationen geladen. Es sieht so aus, als ob die Seite roh auf den Bildschirm...

Ich muss die <img>Quell-URL ändern hover. Ich habe es versucht, aber es wird nicht funktionieren: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Jede Hilfe wäre...

Ich verwende Bootstrap 4. Ich habe versucht, den Pfeil in der Dropdown-Liste zu entfernen. Die Antworten, die ich für Bootstrap 3 gefunden habe, funktionieren nicht mehr. Die jsfiddle ist da . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button"...

Ich möchte eine Zeichenfolge mit dem gesamten Inhalt einer CSS-Regel zurückgeben, wie das Format, das Sie in einem Inline-Stil sehen würden. Ich möchte dies tun können, ohne zu wissen, was in einer bestimmten Regel enthalten ist, daher kann ich sie nicht einfach anhand des Stilnamens (wie...

Ich habe eine Navigationsleiste mit Registerkarten, in der die geöffnete Registerkarte einen Schatten haben soll, um sie von den anderen Registerkarten abzuheben. Ich möchte auch, dass im gesamten Registerkartenbereich ein einzelner Schatten (siehe untere horizontale Linie) nach oben zeigt, der die...

Ist es möglich, mehrere DIVs wie folgt zu stapeln: <div> <div></div> <div></div> <div></div> <div></div> </div> Damit alle diese inneren DIVs die gleiche X- und Y-Position haben? Standardmäßig gehen sie alle untereinander und erhöhen die...

Ich habe folgenden Code div { width:200px; border-bottom:1px solid magenta; height:50px; } DEMO Die Div-Breite beträgt 200 Pixel, also beträgt der Rand unten auch 200 Pixel. Was soll ich tun, wenn ich nur 100 Pixel Rand haben möchte, ohne die Div-Breite zu

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Warum...

Gibt es eine Möglichkeit, das Gegenteil von der :hover Verwendung von nur CSS zu tun ? Wie in: Wenn :hoverja on Mouse Enter, gibt es ein CSS-Äquivalent zu on Mouse Leave? Beispiel: Ich habe ein HTML-Menü mit Listenelementen. Wenn ich mit der Maus über eines der Elemente schwebe, wird eine...

Ist es möglich, mehrere :beforePseudos für dasselbe Element zu haben? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Ich versuche, die obigen Stile mit jQuery auf dasselbe Element anzuwenden, aber es wird nur der neueste...

Was bedeutet der Doppelpunkt ( ::) in CSS? Beispielsweise: input[type=text]::-ms-clear { display: none;

Ich habe eine einfache Webseite mit einigen Lipsum-Inhalten, die auf der Seite zentriert sind. Die Seite funktioniert gut in Chrome und Firefox. Wenn ich die Größe des Fensters verkleinere, füllt der Inhalt das Fenster, bis es nicht mehr möglich ist, und fügt dann eine Bildlaufleiste hinzu und...

Wie kann ich zwei CSS-Animationen mit unterschiedlicher Geschwindigkeit abspielen lassen ? Das Bild sollte sich gleichzeitig drehen und wachsen. Die Drehung erfolgt alle 2 Sekunden. Das Wachstum erfolgt alle 4 Sekunden. Beispielcode: .image { position: absolute; top: 50%; left: 50%;...

Ich habe eine geordnete Liste, in der die ursprüngliche Nummer 6 sein soll. Ich habe festgestellt, dass dies in HTML 4.01 unterstützt (jetzt veraltet) wird. In dieser Spezifikation heißt es, dass Sie die Start-Ganzzahl mithilfe von CSS angeben können. (anstelle des startAttributs) Wie würden Sie...

Wie zentriere ich ein divhorizontal in seinem übergeordneten Element divmit CSS? <div id='parent' style='width: 100%;'> <div id='child' style='width: 50px; height: 100px;'>Text</div>

Ich versuche, eine HTML-E-Mail zu erstellen, die in allen weit verbreiteten E-Mail-Clients ordnungsgemäß angezeigt wird. Ich wickle die gesamte E-Mail in eine Tabelle ein und möchte eine Breite von bis zu 98% der verfügbaren Breite, jedoch nicht mehr als 800 Pixel. So was: <table...

Ich muss zum Beispiel das Sternsymbol (★) als Aufzählungszeichen für ein Listenelement verwenden. Ich habe das CSS3-Modul gelesen : Listen , in denen beschrieben wird, wie benutzerdefinierter Text als Aufzählungszeichen verwendet wird, aber es funktioniert bei mir nicht. Ich denke, die Browser...

Ich arbeite an einer Site, in die Zeilenumbrüche eingefügt sind <br> in einigen Überschriften . Angenommen, ich kann den Quell-HTML-Code nicht bearbeiten. Gibt es eine Möglichkeit, diese Unterbrechungen mit CSS zu ignorieren? Ich bin mobil und optimiere die Website, sodass ich JavaScript...