CSS - właściwości overflow-x
overflow-x
| kod |
wynik kodu |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>CSS - visual formatting</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
div {
width: 250px;
height: 100px;
border: 2px solid black;
}
.one {
overflow-x: scroll;
}
.two {
overflow-x: auto;
}
.three {
overflow-x: visible;
}
.four {
overflow-x: hidden;
}
</style>
</head>
<body>
<div class="one">Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. </div>
<div class="two">Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. </div>
<div class="three">Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. </div>
<div class="four">Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. Koko dżambo i do przodu. </div>
</body>
</html>
|
|