Einführung in die Eigenschaften des Border-Attributs in CSS

Der Inhalt dieses Artikels ist eine Einführung in die Eigenschaften des Border-Attributs in CSS. Ich hoffe, dass er für Freunde hilfreich ist.

Abkürzungsreihenfolge: width-style-color

z. B.: p{border:1px solid red;}

Geben Sie die Merkmale jedes Attributs in der Reihenfolge der Abkürzung ein :

1. border-width:medium(default.medium):thin;thick;thick;length;inherit;

2.border-style:none(default.none);hidden (Wie keine, außer bei Anwendung auf Tabellen, die zur Lösung von Randkonflikten verwendet werden); gepunktet (gestrichelte Linie), durchgezogen (doppelte Linie); Grat (3D-Grat); Einschub (3D-Vorsprung); 3. border-color:color(name, hexadecimal, rgb); >4. border-radius: 0 (Standardwert);

Sie können Werte auch separat zuweisen: border-top-right-radius ; border-bottom-left-radius;border-bottom-right-radius;

5. border-image: Quell-Slice-Breite Anfangswiederholung;

zB:

div｛
    border-image:url(img.png) 30 30 round;
    -webkit-border-image:url(img.png) 30 30 round;/*safari 5 and older*/
    -o-border-image:url(img.png) 30 30 round;/*Opera*/
｝

6. box-shadow: 0px 8px 16px 0px rgba (0,0,0,0.2)

0,2 steht für Transparenz

Hinweis: ie9+ unterstützt die Attribute border-radius und box-shadow; Firefox, Chrome, Opera und Safafi unterstützen alle neuen Randattribute (z. B. border-radius; border-image und box-shadow); für border-image, safari5 und ältere Versionen erfordern das Präfix -webkit-, Opera erfordert das Präfix -o-;

Verwandte Empfehlungen:

Über border-collapse_html/css_WEB-ITnose in CSS

CSS border-left-color property_html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonEinführung in die Eigenschaften des Border-Attributs in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!