Wie kann ich den Inhalt einer Border färben HTML&CSS?

Wie kann ich den Inhalt einer Border in eine bestimmte Farbe ändern (in CSS oder HTML)?

MrAmazing2

21.07.2022, 23:58

Was verstehst du unter "Inhalt einer Border"?

MikeSteve12334

Fragesteller

22.07.2022, 00:02

alles was in der Border ist

1 Antwort

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

21.07.2022, 23:43

Einfach die Farbe als dritten Parameter mitangeben:

border: 1px solid red;

Falls die Border bereits gesetzt ist und du im Nachhinein (zum Beispiel on hover) ausschließlich die border-color ändern möchtest:

border-color: red;

Demo: https://jsfiddle.net/xacg2rqz/1/

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

MikeSteve12334

Fragesteller

21.07.2022, 23:53

Wie kann ich nur den Inhalt färben?

MrAmazing2

21.07.2022, 23:56

@MikeSteve12334

So wie es in meiner Antwort steht?

MikeSteve12334

Fragesteller

22.07.2022, 00:04

@MrAmazing2

Ich meine wie ich den Inhalt nicht die Umrandung färben kann.

MrAmazing2

22.07.2022, 00:05

@MikeSteve12334

Border = Umrandung.

Border ist das englische Wort für Umrandung und bezeichnet (wie man sich denken kann) die Umrandung eines Elements.

Eine Border hat keinen Inhalt. Da gibt es nichts zu ändern.

Höchstens ein border-image, das man per CSS gesetzt hat, aber das würde ich jetzt auch nicht "Inhalt" nennen.

Eine Border hat auch keine Umrandung. Die Border selbst ist ja die Umrandung.

MrAmazing2

22.07.2022, 00:09

@MikeSteve12334

Willst du vlt. wissen wie man den Inhalt eines Elements färben kann?

z.B. Text in einem <div>?

Ist das was du wissen willst?

NackterGerd

15.09.2022, 01:22

@MikeSteve12334

Der Inhalt ist doch nicht der Border.

Warum fragst du nach Border wenn du TEXT oder Backgrond meinst

Ähnliche Fragen

HTML und CSS verbinden sich nicht?

warum ist die farbe nicht steelblue

...zur Frage

html: wie button zentrieren und farbe ändern?

hallo, wie kann ich in html einen button, den ich wie folgt gemacht habe, zentrieren und die farbe ändern.

html:<a href="https://wakeuprecords.zohobookings.eu/#/wakeuprecords">
<button>Buche deine Session hier</button>
</a>
css:.button {
text-align: center;
}
button {
font-size: 20px;
background-color: yellow;
cursor: pointer;
color: green;
}

hab ich irgendwo einen fehler oder muss man das anders machen, den bei mir ändert sich gar nichts.

...zur Frage

Kann jemand diesen Button in HTML CSS umwandeln?

Hallo,

schafft es jemand, mir diesen Button in HTML und CSS zu machen?

Border color ist #f5bf8c

Font color ist #363639

Gradient links ist #fdc591

Gradient recht ist #cd9969

Und dann ist da noch so ein kleiner Schatten nach außen (gold) und nach Innen ein kleiner, schwarzer Schatten

...zur Frage

CSS führt zur Trennung von...?

Ich bin der Meinung: Inhalt und Gestaltung.

Struktur kann man nämlich mit CSS auch gestalten...

...zur Frage

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zur Frage

Farbe automatisch ändern-CSS/HTML?

Hallo, ich möchte, dass meine Überschrift die Farbe wechselt, aber nicht der Hintergrund, sondern die Buchstaben selber. Wie funktioniert das?

...zur Frage

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zur Frage

CSS: Wie kann ich bei Hover die Hintergrund- und Schriftfarbe ändern lassen?

Hallo zusammen,

ich würde gerne in diesen Code eine Hover-Funktion einbauen. Da ich Neuling bin, hoffe ich, dass ihr mir die Unbeholfenheit verzeiht.

Bei Hover sollte sich die Hintergrundfarbe und wenn möglich die Schriftfarbe ändern:

*#dm *.dmBody div.u_1159973834 {
  background-color: rgba(255, 255, 255, 0.35) !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: rgba(255, 255, 255, 1) !important;
}

Besten Dank für eure Zeit!

...zur Frage

HTML und CSS Imagetag Unterschiede?

Warum nutze ich im HTML img Tag "src" und im CSS "url"?

Also die technischen Unterschiede verstehe ich, aber warum kann ich im CSS nicht mit SRC arbeiten, wo meine Bilddatei doch im Webspace liegt?

...zur Frage

Hat jemand Tipps für HTML CSS und JS?

Ich bin Neueinsteiger in HTML und CSS. Habt ihr Tipps, Videos, Websites, wie ich schnell alle Funktionen etc. lernen kann. Oder eine Übersicht mit allen Begriffen von html und css, wo sie erklärt werden?

...zur Frage

Einbindung von JS und CSS klappt nicht, könnte die Fehlerursache sein?

Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.

Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.

Hier der zugehörige JS-Code:

Hier der JS-Code:

function init() {
    // Selektion nach ID
    const mainElement = document.getElementById("main");
    mainElement.className = "border";
}

Hier der CSS-Code:

.border {
    border: thick solid red;
    border-radius: 25px;
    padding: 5px 25px 25px 25px;
}

...zur Frage

HTML/CSS-Button(Bild ändern)?

Hallo, ich arbeite gerade an einen Button. Aber wie kann ich dieses Herz durch ein Bild ersetzten?

.icon{

background-color: white;

color: #00472d;

border: none;

font-size: 2rem;

padding: 0.5em;

line-height: 1;

width: 2em;

transition: border-radius 2s ease;

}

.icon:hover{

background-color:#00472d;

color: white;

border-radius: 50%;

...zur Frage

Html und CSS Datei verbinden?

Hallo,

und zwar ist meine Html Datei in einem separaten Ordner und meine CSS Datei auch. Ich will meine Html Datei mit der CSS Datei verbinden, aber ich weiß nicht wie. Ich will auch nicht das meine Html Datei und meine CSS Datei in einem gemeinsamen Ordner sind, will es übersichtlicher halten.

Also kann mir jemand helfen???

...zur Frage

Border-Radius in Tabellen ohne CSS?

Hi zusammen,

die Frage ist mir zwar etwas peinlich, aber ich bekomme es nicht gelöst und brauche mal eure Hilfe.

Weiß jemand wir man die Ecken einer Tabelle abgerundet bekommt, ohne dafür css zu verwenden?

Ich habe nämlich folgendes Problem:

Ich versuche, ein neues Email-Template zu bauen. Leider werden je nach E-Mailprogramm einige CSS Befehle nicht erkannt (Outlook). Da ich nicht mit Bildern arbeiten möchte, suche ich hierzu eine „reine HTML-Lösung“.

oder:

Wenn jemand, weiß wie man Outlook dazu bringen kann auf Border-Radius (css) zu reagieren, nehme ich auch gerne jeden anderen Vorschlag an ^^

Lieben Dank schon mal 😊

<table class="emailTable">
    <tr class="firstTR">
        <td>1</td>
        <td>2</td>
     </tr>
</table>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen