Resize: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med 'Denna egenskap anger om användaren ska kunna ändra storleken på ett element. Obs: fungerar ej på element som har <code>display: visible;</code>. == Egenskaper == {| cla...')
 
 
(En mellanliggande sidversion av samma användare visas inte)
Rad 23: Rad 23:


<code>none</code> användaren kan inte ändra storlek på elementet.
<code>none</code> användaren kan inte ändra storlek på elementet.
<code>both</code> det går att ändra storlek åt bägge håll
<code>both</code> det går att ändra storlek åt bägge håll
<code>horizontal</code> det går bara att ändra storleken horisontellt
<code>horizontal</code> det går bara att ändra storleken horisontellt
<code>vertical</code> det går bara att ändra storlken vertikalt
<code>vertical</code> det går bara att ändra storlken vertikalt


== Exempel ==
== Exempel ==
<codepen pen="KdPWVw" height="200" tab="css">
<codepen pen="KdPWVw" height="300" tab="css,result">
</codepen>
</codepen>


== Egenskapens definition ==
== Egenskapens definition ==
http://dev.w3.org/csswg/css3-ui/#resize
http://dev.w3.org/csswg/css3-ui/#resize

Nuvarande version från 30 januari 2019 kl. 15.46

Denna egenskap anger om användaren ska kunna ändra storleken på ett element.

Obs: fungerar ej på element som har display: visible;.

Egenskaper

Parametrar none | both | horizontal | vertical | block | inline
Defaultvärde none
Ärvs? Nej
Animerbart? Nej
Fungerar med... Alla element som inte har overflow: visible


none användaren kan inte ändra storlek på elementet.

both det går att ändra storlek åt bägge håll

horizontal det går bara att ändra storleken horisontellt

vertical det går bara att ändra storlken vertikalt

Exempel

See the Pen KdPWVw by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

http://dev.w3.org/csswg/css3-ui/#resize