Heim > Web-Frontend > CSS-Tutorial > CSS-Syntaxhandbuch (4) Textfüllung, Rahmen, Grenz- und Positionseigenschaften (2)

CSS-Syntaxhandbuch (4) Textfüllung, Rahmen, Grenz- und Positionseigenschaften (2)

黄舟
Freigeben: 2016-12-19 16:15:29
Original
1232 Leute haben es durchsucht

3. Rahmenrandattribute

1. Rand-links
Rand-rechts
Rand-oben

Funktion: Diese vier Attribute werden verwendet Zum Festlegen des Abstands zwischen einem Element und seinen Nachbarn. Dieser kann als Länge oder Prozentsatz relativ zur Breite des übergeordneten Texts definiert oder automatisch verarbeitet werden.

Wert:
Länge – Legen Sie den relativen oder absoluten Abstand zwischen der entsprechenden Seite des Elements und dem Rand der Box fest. Gültige Einheiten sind: mm, cm, in, px, pt, pica,ex, em. ..
Prozent – ​​Legt die Rahmengröße als Prozentsatz der Breite des übergeordneten Elements fest.
Auto – Diese Einstellung übernimmt automatisch die Standardrahmen des Browsers.
Beispiel

2. Rand

Funktion: Kurzschriftattribut, das zum Festlegen aller Grenzen von Elementen verwendet wird. Damit wird der Abstand vom Rand des Elementinhalts zum Rand der Box beschrieben. Dieser Bereich ist immer transparent, sodass der darunter liegende Seitenhintergrund sichtbar ist.

Zahl:
Länge – Wie zuvor
Prozentsatz – Legt die Rahmengröße als Prozentsatz der Breite des übergeordneten Elements fest.
Auto – Diese Einstellung übernimmt automatisch die Standardrahmen des Browsers.
Beispiel


4. Feldpositionsattribut

1. Höhe

Funktion: Legen Sie die Höhe des Elements fest Der Browser folgt dieser Höhe. Passen Sie die Grafik an.

Werte:
Länge – mm, cm, px, pt, .....
auto – automatisch.

2. Breite

Funktion: Legen Sie die Elementbreite fest und der Browser passt die Grafiken entsprechend dieser Breite an.

Zahl:
Länge – mm, cm, in, px, pt, ...
Prozentsatz – Legt die Grafikabmessungen als Prozentsatz der Breite des übergeordneten Elements fest.
auto – automatische Anpassung

3. float

-Funktion: Wird verwendet, um Elemente außerhalb der normalen Elementfluss-Layoutregeln zu platzieren.

Wert:
none – Keine Änderung.
links – Platzieren Sie andere Elementinhalte rechts vom schwebenden Element.
rechts – Platzieren Sie andere Elementinhalte links vom schwebenden Element.

4. klar

Funktion: Wird verwendet, um die Platzierung anderer Elemente (normalerweise Online-Grafiken) neben dem angegebenen Element zuzulassen oder zu verbieten.

Wert:
keine – keine Begrenzung .
links – Platzieren Sie das Element unter dem linken schwebenden Element.
rechts – Platzieren Sie das Element unter dem rechten schwebenden Element.
Beide – Auf beiden Seiten des Elements sind keine schwebenden Elemente zulässig.

Das Obige ist das CSS-Syntaxhandbuch (4) Textfüllung, Rahmen, Rahmen- und Positionsattribute (2) Inhalt. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!


Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage