Heim > Artikel > Web-Frontend > So verwenden Sie das linke CSS-Attribut
So verwenden Sie das linke CSS-Attribut
- 青灯夜游Original
- 2019-05-30 14:46:453167Durchsuche
Das
left-Attribut ist ein Positionierungsattribut von CSS, das zur Angabe des linken Randes des Elements verwendet wird. Es definiert den Versatz zwischen der linken Randgrenze des positionierten Elements und der linken Grenze seines enthaltenden Blocks. Wenn der Wert der Eigenschaft „position“ „statisch“ ist, hat das Setzen der Eigenschaft „left“ keine Auswirkung.
Wie verwende ich das CSS-Attribut links?
Das linke Attribut gibt den linken Rand des Elements an. Diese Eigenschaft definiert den Versatz zwischen der linken Randkante des positionierten Elements und der linken Kante des enthaltenden Blocks.
Syntax:
left: auto|%|length|inherit;
Attributwert:
●Auto: Standardwert. Berechnen Sie die Position des linken Randes über den Browser.
● %: Legt die linke Position als Prozentsatz des enthaltenden Elements fest. Es können negative Werte verwendet werden.
●Länge: Verwenden Sie px, cm und andere Einheiten, um die linke Position des Elements festzulegen. Es können negative Werte verwendet werden.
● Vererben: Gibt an, dass der Wert des linken Attributs vom übergeordneten Element geerbt werden soll.
Hinweis: Alle gängigen Browser unterstützen das linke Attribut. Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.
CSS-Linksattribut-Beispiel
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
img
{
position:absolute;
left:100px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="So verwenden Sie das linke CSS-Attribut" >
</body>
</html>Rendering:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das linke CSS-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!