Come fare Div ridimensionabile in CSS2

July 17

La CSS2 "ridimensionare" classe consente di creare componenti div che gli utenti possono ridimensionare dal browser Web. È possibile consentire all'utente di ridimensionare la larghezza, l'altezza o entrambi. Quando un tag div ha il set di classe di ridimensionamento, un piccolo indicatore nei display div, e l'utente fa clic l'indicatore e trascina il div alle dimensioni desiderate.

istruzione

1 Fare clic sulla pagina HTML contenente il div che si desidera modificare. Fai clic su "Apri con", e quindi fare clic sul programma di editor HTML nel sottomenu.

2 Creare la classe div. Aggiungere il seguente codice alla sezione tag HTML "testa":

<Script type = "text / css">

div.resize {

ridimensionare: both;

}

Il codice di cui sopra consente all'utente di ridimensionare il div in entrambe le direzioni.

3 Collegare la nuova classe di ridimensionamento con l'elemento div. Il seguente codice è un esempio di un tag div legato alla nuova classe:

<Div class = "resize"> My contenuti </ div>