BELAJAR WEB DESAIN

CSS overflow

Properti ini berguna untuk memotong teks yang melebih area yang ditentukan, misalnya jika kita mempunyai div dengan lebar 150px dan tinggi 200px kemudian kita mempunyai teks yang melebihi dari batas yang telah ditentukan maka disinilah overflow bekerja dengan cara menyebuyikan teks atau melakukan scrol terhadap kotak div tersebut.

gambar overflow:scroll

over flow css

contoh kode penulisan.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.overflow{
    width:150px;
    height:200px;
    background-color:#999;
    overflow:scroll;
   
</style>

</head>


<body>
<div class="overflow">jika kalimat teks melebih batas maka akan dilakukan over scrol </div>
</body>
</html>


Jika anda menegunakan overflow: hidden

maka teks yang melebihi batas ukuran  akan disembuyikan 

 

Selamat mencoba