Rumah > hujung hadapan web > tutorial css > Sintaks CSS untuk sempadan jadual

Sintaks CSS untuk sempadan jadual

PHPz
Lepaskan: 2018-09-28 11:10:29
asal
2073 orang telah melayarinya

Kami tahu bahawa Dreamweaver telah melakukan kerja yang sangat baik dalam membuat jadual, tetapi pada satu ketika ia masih perlu digabungkan dengan CSS untuk mencapai beberapa kesan tertentu Mari kita susun dulu sintaks CSS untuk sempadan jadual, dan kemudian memperkenalkan caranya gunakan CSS untuk mencantikkannya.

Sintaks CSS untuk sempadan jadual

Kandungan khusus termasuk: lebar sempadan atas, lebar sempadan kanan, lebar sempadan bawah, lebar sempadan kiri, Sempadan lebar, warna jidar, gaya jidar, jidar atas, jidar bawah, jidar kiri, jidar kanan, jidar, lebar, tinggi, label berkaitan, dsb.

1. Lebar sempadan atas

Sintaks: lebar sempadan atas:

Nilai yang dibenarkan: nipis |

Nilai awal: sederhana

Berkenaan dengan: semua objek

Keserasian ke belakang: tidak

Sifat lebar sempadan atas digunakan Menentukan lebar sempadan atas unsur. Nilai boleh menjadi salah satu daripada tiga kata kunci, tiada satu pun daripadanya dipengaruhi oleh saiz atau panjang fon, dan boleh digunakan untuk melaksanakan lebar berkadar. Nilai negatif tidak dibenarkan. Ia juga boleh digunakan untuk menyingkat sempadan atas, lebar sempadan atau sifat sempadan.

2. Lebar jidar kanan

Sintaks: lebar sempadan-kanan:

Nilai yang dibenarkan: nipis |

Nilai awal: sederhana

Berkenaan dengan: semua objek

Serasi ke belakang: tidak

Sifat lebar jidar kanan digunakan untuk Menentukan lebar sempadan kanan elemen. Nilai boleh menjadi salah satu daripada tiga kata kunci, tiada satu pun daripadanya dipengaruhi oleh saiz atau panjang fon, dan boleh digunakan untuk melaksanakan lebar berkadar. Nilai negatif tidak dibenarkan. Juga boleh digunakan untuk menyingkatkan sempadan kanan, lebar sempadan atau sifat sempadan.

3. Lebar jidar bawah

Sintaks: lebar-bawah:

Nilai yang dibenarkan: nipis |

Nilai awal: sederhana

Berkenaan dengan: semua objek

Keserasian ke belakang: tidak

Atribut lebar sempadan bawah digunakan Menentukan lebar sempadan bawah elemen. Nilai boleh menjadi salah satu daripada tiga kata kunci, tiada satu pun daripadanya dipengaruhi oleh saiz atau panjang fon, dan boleh digunakan untuk melaksanakan lebar berkadar. Nilai negatif tidak dibenarkan. Ia juga boleh digunakan untuk menyingkat sempadan bawah, lebar sempadan, atau sifat sempadan.

4. Lebar sempadan kiri

Sintaks: lebar-kiri:

Nilai yang dibenarkan: nipis |

Nilai awal: sederhana

Berkenaan dengan: semua objek

Serasi ke belakang: tidak

Sifat lebar sempadan kiri digunakan untuk Menentukan lebar sempadan kiri elemen. Nilai boleh menjadi salah satu daripada tiga kata kunci, tiada satu pun daripadanya dipengaruhi oleh saiz atau panjang fon, dan boleh digunakan untuk melaksanakan lebar berkadar. Nilai negatif tidak dibenarkan. Ia juga boleh digunakan untuk menyingkat sempadan kiri, lebar sempadan atau sifat sempadan.

5. Lebar sempadan

Sintaks: lebar sempadan: Nilai yang dibenarkan: [ nipis |. Panjang> ]{1,4}

Nilai awal: tidak ditentukan

Berkenaan dengan: semua objek

Keserasian ke belakang: Tidak

Sempadan Set atribut lebar sempadan elemen dengan satu hingga empat nilai, di mana nilainya ialah kata kunci atau panjang. Panjang negatif tidak dibenarkan. Jika keempat-empat nilai diberikan, ia digunakan pada gaya sempadan atas, kanan, bawah dan kiri masing-masing. Jika nilai diberikan, ia akan digunakan pada setiap tepi. Jika dua atau tiga nilai diberikan, nilai yang ditinggalkan adalah sama dengan sisi bertentangan. Sifat ini adalah singkatan untuk sifat atas, kanan, bawah dan kiri. Anda juga boleh menggunakan atribut sempadan yang disingkatkan.

6. Warna sempadan

Sintaks: warna sempadan:

Nilai yang dibenarkan: {1, 4}

Nilai awal: nilai atribut warna

Berkenaan dengan: semua objek

Keserasian ke belakang: Tidak

Atribut warna jidar menetapkan nilai satu unsur Warna sempadan. Anda boleh menggunakan satu hingga empat kata kunci. Jika keempat-empat nilai diberikan, ia digunakan pada gaya sempadan atas, kanan, bawah dan kiri masing-masing. Jika nilai diberikan, ia akan digunakan pada setiap tepi. Jika dua atau tiga nilai diberikan, nilai yang ditinggalkan adalah sama dengan sisi bertentangan. Anda juga boleh menggunakan atribut sempadan yang disingkatkan.

7. Gaya sempadan

Sintaks: gaya sempadan:

Nilai yang dibenarkan: [ tiada | berganda |. ridge |. inset |.

Das Attribut „Rahmenstil“ wird verwendet, um den Stil des Rahmens eines Elements festzulegen. Diese Eigenschaft muss verwendet werden, um einen sichtbaren Rahmen anzugeben. Sie können ein bis vier Schlüsselwörter verwenden. Wenn alle vier Werte angegeben sind, gelten sie jeweils für die Randstile oben, rechts, unten und links. Wenn ein Wert angegeben wird, wird dieser auf jede Kante angewendet. Wenn zwei oder drei Werte angegeben sind, entspricht der weggelassene Wert der Gegenseite. Sie können auch das abgekürzte Randattribut verwenden.

keine: kein Stil;
gestrichelt: gestrichelte Linie;
doppelt: gerillte Linie; ;
Grat: Grat;
Einsatz: konkav;


Oberer Rand

Syntax: border-top: ;Rahmenstil> ||. Das Top-Attribut ist eine Abkürzung zum Festlegen der Breite, des Stils und der Farbe des Rahmens eines Elements. Beachten Sie, dass nur ein Rahmenstil angegeben werden kann. Sie können auch das abgekürzte Randattribut verwenden.

9. Rechter Rand

Syntax: border-right: ||. Das Randattribut ist eine Abkürzung zum Festlegen der Breite, des Stils und der Farbe des rechten Rands eines Elements. Beachten Sie, dass nur ein Rahmenstil angegeben werden kann. Sie können auch das abgekürzte Randattribut verwenden.

10. Unterer Rand

Syntax: border-bottom:

Zulässige Werte: ;Rahmenstil> ||. Die Eigenschaft „bottom“ ist eine Abkürzung zum Festlegen der Breite, des Stils und der Farbe des unteren Rands eines Elements. Beachten Sie, dass nur ein Rahmenstil angegeben werden kann. Sie können auch das abgekürzte Randattribut verwenden.

Linker Rand

Syntax: border-left:

Zulässige Werte: ||. Das Randattribut ist eine Abkürzung zum Festlegen der Breite, des Stils und der Farbe des linken Rands eines Elements. Beachten Sie, dass nur ein Rahmenstil angegeben werden kann. Sie können auch das abgekürzte Randattribut verwenden.

12. Rahmen

Syntax: Rahmen: Zulässige Werte: ||.

Anfangswert: Nicht definiert

Gilt für: Alle Objekte

Abwärtskompatibilität: Nein

Randeigenschaften sind Abkürzungen zum Festlegen der Breite, Stil und Farbe des Rahmens eines Elements.

Beispiele für Grenzdeklarationen sind:

H2 { border: Groove 3em }

A:link { border: solid blue }

A:visited { border: Thin Dotted #800080 }

A:active { border: thick double red }

Das border-Attribut kann nur vier Arten von Rahmen festlegen, es kann nur die Breite und den Stil einer Reihe von Rahmen angeben. Um unterschiedliche Werte für die vier Ränder eines Elements anzugeben, müssen Webseitenersteller ein oder mehrere Attribute verwenden, wie zum Beispiel: oberer Rand, rechter Rand, unterer Rand, linker Rand, Randfarbe, Randbreite, Randstil, obere Randbreite, rechte Randbreite, untere Randbreite oder linke Randbreite.

13. Breite

Breite:

Zulässige Werte: | 🎜>

Anfangswert: auto

Anwendbar auf: Blockebene und ersetzte Elemente

Abwärtskompatibilität: Nein

Der Anfangswert des width-Attributs ist „auto“. ", das ist die ursprüngliche Breite des Elements (oder die Breite des Elements selbst). Der Prozentsatz bezieht sich auf die Breite des übergeordneten Elements. Negative Längenwerte sind nicht zulässig.

14. Höhe

Höhe:

Zulässige Werte: Anfangswert: auto

Anwendbar auf: Blockebene und Ersetzungselemente

Abwärtskompatibilität: Nein

Der Anfangswert des Höhenattributs ist „auto“, also The ursprüngliche Höhe des Elements (dort ist die Höhe des Elements selbst). Der Prozentsatz bezieht sich auf die Breite des übergeordneten Elements. Negative Längenwerte sind nicht zulässig.

15. Verwandte Tags

Tabelle: Tabellenbezeichnung, die Definition des gesamten Tabellenstils sollte in der Tabelle platziert werden.
td: Zellenbezeichnung, die Definition des Zellenstils sollte in der Tabelle platziert werden.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan