CSS3 Andere

In diesem Tutorial werden wir mehr interessante CSS3Funktionen.

mit CSS3Erweiterung der Benutzeroberfläche

In diesem Kapitel werden wir einige interessante CSS3Attribute sind gleichresize,outline-offsetund so weiter, Sie können es verwenden, um Ihre Webseite zu verbessern.

Elementgröße anpassen

Sie können CSS3 Die resize-Eigenschaft ermöglicht das Größenanpassen von Elementen horizontal, vertikal oder beidseitig. Aber dieses Attribut wird normalerweise verwendet, um<textarea>Standardverhalten der Größenanpassung in den Formularsteuerelementen entfernen.

p,　div,　textarea　{
　　　　width:　300px;
　　　　min-height:　100px;
　　　　overflow:　auto;
　　　　border:　1px　fest　schwarz;
}
p　{
　　　resize:　horizontal;　
}
div　{
　　　　resize:　both;
}
textarea　{
　　　　resize:　none;
}

Konturversatz einstellen

In dem letzten Abschnitt haben Sie gelernt, wie Sie verschiedene Attribute für die Kontur einstellen können, wie z.B. Breite, Farbe und Stil. Aber CSS3Es gibt auch ein anderes Attribut, outline-offset wird verwendet, um den Abstand zwischen dem Kontur und dem Elementrand zu setzen. Dieses Attribut kann negative Werte akzeptieren, was bedeutet, dass Sie auch Konturen im Element platzieren können.

p,　div　{
　　　　margin:　50px;
　　　　height:　100px;
　　　　background:　#000;
　　　　outline:　2px　fest　rot;
}
p　{
　　　　outline-offset:　10px;
}
div　{
　　　　outline-offset:　-15px;
}