CSS3 resize özelliği

CSS3 resize özelliği kullanımı

by fatihhayri

HTML

<div class="icerik">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis ante massa, ut tristique ipsum. Etiam lacus massa, faucibus quis aliquet nec, dapibus at diam. Nunc consectetur ullamcorper velit, quis pretium turpis molestie at. Sed pulvinar facilisis tellus et dictum. Ut nulla nulla, sollicitudin vitae condimentum nec, dapibus quis libero. Proin rhoncus lectus eleifend enim tempor aliquet. Mauris nisi lorem, ultrices quis feugiat vel, ornare eget nisl. Suspendisse pellentesque, urna vitae pretium faucibus, risus ligula pharetra ipsum, et porttitor purus tellus ac nisi. In consequat, urna eu vehicula pulvinar, eros nunc ornare lacus, a facilisis tellus quam nec augue. Mauris lectus eros, sollicitudin eget fringilla at, blandit vel diam. Integer non eros eu felis pharetra condimentum quis in est. Fusce semper, purus quis vulputate iaculis, tellus tortor venenatis turpis, ut porta nibh neque vel odio. Praesent vel nisi nec magna tincidunt pharetra sed sed lacus. In pharetra purus non risus auctor suscipit. Praesent vestibulum laoreet eleifend. Morbi congue lacinia elit, posuere mattis sapien congue non. Mauris vitae commodo ligula. In ac nibh odio, ut laoreet ante. Etiam venenatis odio vel ante accumsan nec ultrices erat sagittis.</div>

CSS

.icerik{
    box-shadow: rgb(136, 136, 136) 5px 5px 5px;
    border-radius: 5px;
    resize: both;
    overflow: auto;
    border: 1px solid #dedede;
    padding:10px;
    width: 300px;
    height: 200px;
}