Heim >Web-Frontend >CSS-Tutorial >Eigenschaften des CSS-Gliederungsstils

Eigenschaften des CSS-Gliederungsstils

WBOY
WBOYnach vorne
2023-09-19 09:25:021445Durchsuche

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>
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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen