Heim Web-Frontend CSS-Tutorial CSS-Syntaxanordnung für Tabellenränder (1)_Grundlegendes Tutorial

CSS-Syntaxanordnung für Tabellenränder (1)_Grundlegendes Tutorial

May 16, 2016 pm 12:09 PM

Wir wissen, dass Dreamweaver bei der Erstellung von Tabellen hervorragende Arbeit geleistet hat, aber irgendwann muss es noch mit CSS kombiniert werden, um einige spezifische Effekte zu erzielen. Lassen Sie uns zunächst die CSS-Syntax für Tabellenränder klären und dann die Verwendung von CSS vorstellen Verschönern Sie die Ränder von Tischen. CSS-Syntax für Tabellenränder

Zu den spezifischen Inhalten gehören: obere Randbreite, rechte Randbreite, untere Randbreite, linke Randbreite, Randbreite, Randfarbe, Randstil, oberer Rand, unterer Rand, linker Rand, rechts Rand, Rand, Breite, Höhe, zugehörige Beschriftungen usw.
1. Obere Randbreite

Syntax: border-top-width:
Zulässige Werte: dünn | mittel |. dick | Anwendbar für: Alle Objekte Abwärtskompatibel: Nein
Das Attribut „Breite des oberen Rands“ wird verwendet, um die Breite des oberen Rands eines Elements anzugeben. Der Wert kann eines von drei Schlüsselwörtern sein, von denen keines von der Schriftgröße oder -länge beeinflusst wird, und kann zum Implementieren proportionaler Breiten verwendet werden. Negative Werte sind nicht zulässig. Es kann auch verwendet werden, um den oberen Rand, die Breite des Rahmens oder die Eigenschaften des Rahmens abzukürzen.
 2. Rechte Randbreite

Syntax: border-right-width:

Zulässige Werte: dünn | mittel |. dick | Anwendbar für: Alle Objekte
Abwärtskompatibel: Nein Das Attribut „Rechte Randbreite“ wird verwendet, um die Breite des rechten Rands des Elements anzugeben. Der Wert kann eines von drei Schlüsselwörtern sein, von denen keines von der Schriftgröße oder -länge beeinflusst wird, und kann zum Implementieren proportionaler Breiten verwendet werden. Negative Werte sind nicht zulässig. Kann auch verwendet werden, um den rechten Rand, die Randbreite oder die Randeigenschaften abzukürzen.
3. Breite des unteren Randes
Syntax: border-bottom-width:

Zulässige Werte: dünn | mittel |. dick | Anwendbar für: Alle Objekte
Abwärtskompatibel: Nein
Das Attribut „Breite des unteren Rands“ wird verwendet, um die Breite des unteren Rands des Elements anzugeben. Der Wert kann eines von drei Schlüsselwörtern sein, von denen keines von der Schriftgröße oder -länge beeinflusst wird, und kann zum Implementieren proportionaler Breiten verwendet werden. Negative Werte sind nicht zulässig. Es kann auch verwendet werden, um den unteren Rand, die Breite des Rahmens oder die Eigenschaften des Rahmens abzukürzen.
4. Linke Randbreite
Syntax: border-left-width:
Zulässige Werte: dünn | mittel |. dick | Anwendbar für: Alle Objekte
Abwärtskompatibel: Nein
Das Attribut „Linke Randbreite“ wird verwendet, um die Breite des linken Rands des Elements anzugeben. Der Wert kann eines von drei Schlüsselwörtern sein, von denen keines von der Schriftgröße oder -länge beeinflusst wird, und kann zum Implementieren proportionaler Breiten verwendet werden. Negative Werte sind nicht zulässig. Es kann auch verwendet werden, um den linken Rand, die Breite des Randes oder die Eigenschaften des Randes abzukürzen.
5. Randbreite

Syntax: Randbreite:

Zulässige Werte: [ dünn | mittel | dick |. Undefiniert Gilt für: Alle Objekte
Abwärtskompatibel: Nein Die Eigenschaft „border-width“ legt den Rand des Elements mit einem bis vier Werten fest. Der Wert ist ein Schlüsselwort oder eine Länge. Negative Längen sind nicht zulässig. 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. Diese Eigenschaft ist eine Abkürzung für die Eigenschaften Breite des oberen Randes, Breite des rechten Randes, Breite des unteren Randes und Breite des linken Randes. Sie können auch das abgekürzte Randattribut verwenden.
 6. Rahmenfarbe

Syntax: border-color:

Zulässige Werte:
{1,4}
Anfangswert: Der Wert des Farbattributs Anwendbar für: Alle Objekte
Abwärtskompatibel: Nein Die Eigenschaft „border-color“ legt die Rahmenfarbe eines Elements fest. 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.
7. Randstil:

Zulässige Werte: [gestrichelt |. Grat |. 4}
Anfangswert: keiner
Anwendbar für: alle Objekte
Abwärtskompatibilität: Nein
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;
Einschub: konkav

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Aufbau einer Ethereum -App mit Redwood.js und Fauna Aufbau einer Ethereum -App mit Redwood.js und Fauna Mar 28, 2025 am 09:18 AM

Mit dem jüngsten Aufstieg von Bitcoins Preis über 20.000 USD und kürzlich von 30.000, dachte ich, es lohnt

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

Es ist aus! Herzlichen Glückwunsch an das Vue -Team, dass es eine massive Anstrengung war und lange kommt. Alle neuen Dokumente auch.

Können Sie gültige CSS -Eigenschaftswerte aus dem Browser erhalten? Können Sie gültige CSS -Eigenschaftswerte aus dem Browser erhalten? Apr 02, 2025 pm 06:17 PM

Ich ließ jemanden mit dieser sehr legitimen Frage einschreiben. Lea hat gerade darüber gebloggt, wie Sie gültige CSS -Eigenschaften selbst aus dem Browser erhalten können. Das ist so.

Ein bisschen auf CI/CD Ein bisschen auf CI/CD Apr 02, 2025 pm 06:21 PM

Ich sage "Website" passt besser als "Mobile App", aber ich mag dieses Rahmen von Max Lynch:

Gestapelte Karten mit klebriger Positionierung und einem Schuss Sass Gestapelte Karten mit klebriger Positionierung und einem Schuss Sass Apr 03, 2025 am 10:30 AM

Neulich habe ich dieses besonders schöne Stück von der Website von Corey Ginnivan entdeckt, auf der eine Sammlung von Karten aufeinander stapelt.

Verwenden von Markdown und Lokalisierung im WordPress -Block -Editor Verwenden von Markdown und Lokalisierung im WordPress -Block -Editor Apr 02, 2025 am 04:27 AM

Wenn wir dem Benutzer direkt im WordPress -Editor Dokumentation anzeigen müssen, wie können Sie dies am besten tun?

Vergleich von Browsern für reaktionsschnelles Design Vergleich von Browsern für reaktionsschnelles Design Apr 02, 2025 pm 06:25 PM

Es gibt eine Reihe dieser Desktop -Apps, in denen das Ziel Ihre Website gleichzeitig in verschiedenen Dimensionen angezeigt wird. So können Sie zum Beispiel schreiben

Warum werden die lila abgeschnittenen Bereiche im Flex -Layout fälschlicherweise als 'Überlaufraum' betrachtet? Warum werden die lila abgeschnittenen Bereiche im Flex -Layout fälschlicherweise als 'Überlaufraum' betrachtet? Apr 05, 2025 pm 05:51 PM

Fragen zu lila Schrägstrichen in Flex -Layouts Bei der Verwendung von Flex -Layouts können Sie auf einige verwirrende Phänomene stoßen, wie beispielsweise in den Entwicklerwerkzeugen (D ...

See all articles