suchen
HeimWeb-FrontendCSS-TutorialCSS-Syntaxanordnung für Tabellenränder (1)_Grundlegendes Tutorial

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

Stellungnahme
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
Die Slideout -FußzeileDie Slideout -FußzeileApr 09, 2025 am 11:50 AM

Eine faszinierende neue Seite namens Markup wurde gerade eingeführt. Slogan: Big Tech beobachtet Sie. Wir beobachten Big Tech. Tolle Arbeit aus dem Aufstieg. Der

Seiten für LikesSeiten für LikesApr 09, 2025 am 11:47 AM

Ich habe neulich über das Parsen eines RSS -Feeds in JavaScript gepostet. Ich habe auch über mein RSS -Setup gepostet und darüber gesprochen, wie Feedbin im Mittelpunkt ist.

Nachdem der Codepen Gutenberg einbettete, blockiert für Sanity.ioNachdem der Codepen Gutenberg einbettete, blockiert für Sanity.ioApr 09, 2025 am 11:43 AM

Erfahren Sie, wie Sie einen benutzerdefinierten Codepen -Block mit einer Vorschau für Sanity Studio erstellen, inspiriert von Chris Coyiers Implementierung für WordPress 'Gutenberg Editor.

So erstellen Sie ein Zeilendiagramm mit CSSSo erstellen Sie ein Zeilendiagramm mit CSSApr 09, 2025 am 11:36 AM

Linien-, Bar- und Kreisdiagramme sind das Brot und die Butter von Dashboards und die grundlegenden Komponenten eines beliebigen Datenvisualisierungs -Toolkits. Sicher, Sie können SVG verwenden

Programmieren von Sass, um zugängliche Farbkombinationen zu erstellenProgrammieren von Sass, um zugängliche Farbkombinationen zu erstellenApr 09, 2025 am 11:30 AM

Wir sind immer darauf aus, das Web zugänglicher zu machen. Farbkontrast ist nur Mathematik, sodass SASS dazu beitragen kann, Kantenfälle zu bedecken, die Designer möglicherweise verpasst haben.

Wie wir eine statische Site erstellt haben, die Tartan -Muster in SVG erzeugtWie wir eine statische Site erstellt haben, die Tartan -Muster in SVG erzeugtApr 09, 2025 am 11:29 AM

Tartan ist ein gemustertes Tuch, das normalerweise mit Schottland verbunden ist, insbesondere mit ihren modischen Kilts. Auf Tartanify.com haben wir über 5.000 Tartan gesammelt

Eine Follow-up zur PHP-VorlagenEine Follow-up zur PHP-VorlagenApr 09, 2025 am 11:14 AM

Vor nicht allzu langer Zeit habe ich über PHP -Templating in nur PHP (im Grunde genommen die Erk -Syntax) gepostet. I ' M verwende diese Technik für einige Super Basic buchstäblich

Erstellen einer modalen Bildergalerie mit Bootstrap -KomponentenErstellen einer modalen Bildergalerie mit Bootstrap -KomponentenApr 09, 2025 am 11:10 AM

Haben Sie jemals auf ein Bild auf einer Webseite geklickt, auf der eine größere Version des Bildes mit Navigation geöffnet wird, um andere Fotos anzuzeigen?

See all articles

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

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Herunterladen der Mac-Version des Atom-Editors

Herunterladen der Mac-Version des Atom-Editors

Der beliebteste Open-Source-Editor

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Leistungsstarke integrierte PHP-Entwicklungsumgebung