Overflow-y: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med 'Anger vad som ska hända när innehållet i en box inte får plats. I detta fallet bestäms vad som händer om materialet inte får plats vertikalt. När boxens innehåll flö...')
 
 
Rad 28: Rad 28:


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


== Egenskapens definition ==
== Egenskapens definition ==
http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow-y
http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow-y

Nuvarande version från 30 januari 2019 kl. 15.48

Anger vad som ska hända när innehållet i en box inte får plats. I detta fallet bestäms vad som händer om materialet inte får plats vertikalt. När boxens innehåll flödar över kan man antingen låta det skrivas ut utanför, klippa av det så det utanför blir "osynligt" eller sätta en scrolllist.

Egenskaper

Parametrar visible | scroll | hidden | auto
Defaultvärde visible
Ärvs? Nej
Animerbart? Nej
Fungerar med... Alla block- och inline-block-element

visible om det behövs kommer innehållet att skrivas ut över elementets gräns.

hidden om innehållet flödar över, kommer det att klippas av vid elementets gräns.

scroll om innehållet flödar över, kommer webbläsaren att sätt dit en scrollist som gör att man kan scrolla runt innehållet.

auto låt webbläsaren själv bestämma vilket av ovanstående beteenden som ska väljas.

Exempel

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

Egenskapens definition

http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow-y