Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > CSS-Tutorial > Eigenschaften des CSS-Gliederungsstils

Eigenschaften des CSS-Gliederungsstils

WBOY
Freigeben： 2023-09-19 09:25:02
nach vorne
1463 Leute haben es durchsucht

Das Attribut

CSS 轮廓样式属性

outline-style gibt den Stil der das Element umgebenden Linie an. Es kann einen der folgenden Werte annehmen –

  • Keine – Keine Grenzen. (Entspricht der Umrissbreite: 0;)
  • durchgezogene Linie – Ein Umriss ist eine durchgezogene Linie.
  • Spitze Linie – Eine Kontur ist eine Reihe von Punkten.
  • Gepunktete Linien – Eine Kontur ist eine Reihe kurzer Linien.
  • Doppelt – Der Umriss besteht aus zwei durchgezogenen Linien.
  • Rillen – Umrisse sehen aus, als wären sie in die Seite eingraviert.
  • Ridge – Konturierte Optik mit Rillen.
  • Einfügen – Durch die Gliederung sieht das Feld so aus, als wäre es in die Seite eingebettet.
  • Erste Schritte – Umrisse lassen die Box so aussehen, als wäre sie in die Seite eingebettet. Der Rahmen sieht aus, als käme er aus der Leinwand.
  • Ausblenden - Das Gleiche wie Keine.

Beispiel

Sie können versuchen, den folgenden Code auszuführen, um das Attribut „outline-style“ -

<html>
   <head>
   </head>
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin solid outline.
      </p>
      <br />
      <p style = "outline-width:thick; outline-style:dashed;">
         This text is having thick dashed outline.
      </p>
      <br />
      <p style = "outline-width:5px;outline-style:dotted;">
         This text is having 5x dotted outline.
      </p>
   </body>
</html>
Nach dem Login kopieren
zu implementieren

Das obige ist der detaillierte Inhalt vonEigenschaften des CSS-Gliederungsstils. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：tutorialspoint.com
Vorheriger Artikel：Wie kann ich CSS-Animationen mit benutzerdefinierten CSS-Eigenschaften abspielen und anhalten? Nächster Artikel：Wie erstelle ich eine Ember-Lenkervorlage?
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2207
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2360
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1974
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1859
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1924
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage