Das Resize-Attribut ist eine Eigenschaft in der CSS3-Benutzeroberfläche, die es dem Benutzer ermöglicht, die Größe eines Elements zu ändern. Das Resize-Attribut ist eine Eigenschaft in der CSS3-Benutzeroberfläche, die es dem Benutzer ermöglicht, die Größe eines Elements zu ändern.
Größe ändern:keine|beide|horizontal|vertikal;
Die Syntax wird wie folgt erklärt:
● keine: Benutzer können die Größe des Elements nicht anpassen;
●beides: Benutzer können die Höhe und Breite von Elementen anpassen;
●horizontal: Der Benutzer kann die Breite des Elements anpassen;
●vertikal: Der Benutzer kann die Höhe des Elements anpassen.
Bei der Verwendung des Größenänderungsattributs müssen Sie außerdem die folgenden Punkte beachten:
●Das alleinige Festlegen des Größenänderungsattributs ist ungültig, um wirksam zu sein, und der Wert des Überlaufattributs muss auf „Auto“, „Ausgeblendet“ oder „Bildlauf“ gesetzt werden.
●Nicht alle Elemente können mit dem Resize-Attribut festgelegt werden. Beispielsweise können die Attribute img und table das Resize-Attribut nicht verwenden.
(Größe ändern) Passen Sie die Größe des Elements an
1. Größenänderung: keine Größenänderung: keine
Beispiel:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:none;}</style></head><body><h1>TheresizeProperty</h1 ><div><p>resize:none</p></div></body></html>
Laufergebnisse:
2.Größe ändern: beide
Beispiel:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:both;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>resize:both</p></div></body></html>
Laufergebnisse:
3.Größe ändern: horizontal. Größe ändern: horizontal
Beispiel:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:horizontal;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>resize:horizontal</p></div></body></html>
Laufergebnisse:
4.Größe ändern: vertikal. Größe ändern: vertikal
Beispiel:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:vertical;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>resize:vertical</p></div></body></html>
Laufergebnisse: