Als «css» getaggte Fragen

CSS (Cascading Style Sheets) ist eine Darstellungssprache, die zur Beschreibung des Erscheinungsbilds und der Formatierung von HTML-Dokumenten (HyperText Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen verwendet wird, einschließlich (aber nicht beschränkt auf) Farben, Layout, Schriftarten, und Animationen. Außerdem wird beschrieben, wie Elemente auf dem Bildschirm, auf Papier, in der Sprache oder auf anderen Medien gerendert werden sollen.

12
Randlänge kleiner als div Breite?
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 ändern?
115 html  css 
16
Wie liest man CSS-Regelwerte mit JavaScript?
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 .style.widthusw.) herausziehen . Das …
115 javascript  html  css 
8
DIVs übereinander stapeln?
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 Y-Position um die Höhe des letzten vorherigen DIV. Ich habe das Gefühl, dass eine Art Schwimmer …
115 css  html  stack  css-float 
10
Was ist das Gegenteil von: Schweben (beim Verlassen der Maus)?
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 …
115 css  hover 
5
Spielen Sie mehrere CSS-Animationen gleichzeitig ab
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%; width: 120px; height: 120px; margin:-60px 0 0 -60px; -webkit-animation:spin 2s …
8
Behalten Sie das Bildseitenverhältnis bei, wenn Sie die Höhe ändern
Wie kann ich mit dem CSS-Flexbox-Modell ein Bild zwingen, sein Seitenverhältnis beizubehalten? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Beachten Sie, dass sich die Bilder dehnen oder verkleinern, um die Breite des Containers auszufüllen. Das ist in Ordnung, aber können wir es auch dehnen oder verkleinern lassen, um die Bildproportionen beizubehalten? HTML <div class="slider"> …
114 html  css  flexbox 
5
Benutzerdefinierte Rahmenfarbe für CSS-Dreiecke
Versuch, eine benutzerdefinierte Hex-Farbe für mein CSS-Dreieck (Rand) zu verwenden. Da jedoch Rahmeneigenschaften verwendet werden, bin ich mir nicht sicher, wie ich dies tun soll. Ich möchte mich aus Gründen der Kompatibilität von Javascript und CSS3 fernhalten. Ich versuche, dass das Dreieck einen weißen Hintergrund mit einem 1px-Rand (um die …
114 css  border  css-shapes 
8
So entfernen Sie die gepunktete Linie um das angeklickte Element in HTML
Ich habe festgestellt, dass, wenn aauf der Seite ein Link vorhanden ist, der nicht auf eine neue Seite verweist, beim Klicken des Benutzers eine gepunktete Linie um das Element angezeigt wird, die nur verschwindet, wenn der Benutzer auf etwas anderes auf der Seite klickt um dies zu entfernen? Beispiel: Beachten …
114 html  css 
9
Ist es möglich, eine Startnummer für eine geordnete Liste anzugeben?
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 die Startnummer mit CSS angeben?
114 html  css  html-lists 
11
Unicode-Zeichen als Aufzählungszeichen für Listenelement in CSS
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 unterstützen das Pseudoelement einfach nicht ::marker. Wie kann …
114 html  css  html-lists 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.