Rumah > Artikel > hujung hadapan web > Cara menggunakan atribut margin dalam html5
Cara menggunakan atribut margin dalam html5
- WBOYasal
- 2022-06-08 15:28:257284semak imbas
Dalam HTML5, atribut margin digunakan untuk menetapkan margin elemen ini boleh ditetapkan kepada 1 hingga 4 nilai, yang digunakan untuk menetapkan nilai bagi empat margin masing-masing ialah "
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.
Cara menggunakan atribut margin dalam html5
Atribut margin menetapkan margin luar elemen.
Atribut ini boleh mengambil 1 hingga 4 nilai:
Jika anda menentukan nilai, seperti div {margin: 50px} - semua margin ialah 50 px
Jika Nyatakan dua nilai, seperti div {margin: 50px 10px} - jidar atas dan bawah ialah 50px, dan jidar kiri dan kanan ialah 10 px.
Jika tiga nilai ditentukan, seperti div {margin: 50px 10px 20px}- margin atas ialah 50 px, jidar kiri dan kanan ialah 10 px, dan jidar bawah ialah 20 px.
Jika empat nilai ditentukan, seperti div {margin: 50px 10px 20px 30px} - jidar atas ialah 50 px, jidar kanan ialah 10 px, jidar bawah ialah 20 px dan kiri margin ialah 30 px .
Sintaks:
Object.style.margin=margin
Peratus (berdasarkan jumlah ketinggian atau lebar objek induk)
Nilai panjang (mentakrifkan jidar tetap)
auto (nilai yang ditetapkan oleh penyemak imbas).
Contohnya adalah seperti berikut:
<html>
<head>
<script type="text/javascript">
function changeMargin()
{
document.getElementById("p1").style.margin="100px";
}
</script>
</head>
<body>
<input type="button" onclick="changeMargin()" value="Change margins of a paragraph" />
<p id="p1">This is a paragraph</p>
</body>
</html>Hasil keluaran:
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Cara menggunakan atribut margin dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!