<textarea>-Größe erzwingen und Resizing beeinflussen
Von Jonas In diesem Beitrag findet ihr das CSS-Snippet um die <textarea>-Größe zu erzwingen bzw. das Resizing zu beeinflussen.
Die HTML-Textarea verfügt über einen Anfasser in der unteren rechten Ecke der es dem Seitenbesucher ermöglicht die Größe des Eingabefeldes selbst zu bestimmen.
Eigentlich eine gute Sache, will man doch nicht ganze Aufsätze in ein winziges Textfeld schreiben müssen. Doch häufig zerstört eine manuell vergrößerte textarea das Seitenlayout. Abhilfe kommt wie so oft per CSS.
Schulungen von kulturbanause
Intensive Trainings mit hohem Praxisbezug. Z. B.: Coding for Designers oder Seminar: CSS für Webanwendungen
Die ‹textarea› mit resize beeinflussen
Die folgenden CSS3 Befehle sollten selbsterklärend sein – mittels resize-Attribut können die Anfasser eines Elements vom Standardwert aus verändert werden. Bei der textarea bedeutet dies, dass die Anfasser (zumindest teilweise) deaktiviert werden können; andere Elemente die im default über keine resize-Funktion verfügen können mit diesem Attribut anschließen per Maus auf die gewünschte Größe aufgezogen werden.
textarea { resize: none;}
textarea { resize: both;}
textarea { resize: vertical;}
textarea { resize: horizontal;} Geschrieben von Jonas
Jonas ist Gründer der Webdesign Agentur kulturbanause® und des kulturbanause® Blogs. Er übernimmt Projektleitung, UX/UI und Frontend-Development und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Als Dozent leitet er Schulungen und Workshops. Am liebsten beschäftigt er sich mit Projekten und Themen, die ihn gleichermaßen konzeptionell als auch gestalterisch und technisch fordern.
Feedback & Ergänzungen – 3 Kommentare
Kommentar zu dieser Seite
Wir veröffentlichen regelmäßig neue Inhalte zum den Themen Design und Development.
Du willst nichts verpassen? Dann abonniere jetzt unseren Newsletter, folge uns auf Facebook und Twitter oder abonniere einen unserer RSS-Feeds.
Website-Projekte mit kulturbanause
Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.
Übersicht Kompetenzen →Schulungen von kulturbanause
Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.
Übersicht Schulungsthemen →
Sehr gute Sache. Hab das zwar noch nicht benötigt aber werde es mir mal im Hinterkopf abspeichern. Danke Jonas
Selber hast du das aber noch nicht angewendet, kommt das noch?
@LexX Noel: Ja das kommt bei mir noch alles im nächsten Redesign … dauert also noch ein wenig. Ich hab das für ein anderes Projekt gebraucht und mir gedacht es könnte mal ganz praktisch sein.