Я хочу создать своего рода границу выбора / изменения размера, когда кто-то щелкает по div, и когда я наводю указатель мыши, курсор должен соответственно меняться. Я хочу, чтобы пользователь мог перетаскивать границу элемента и соответственно изменять размер элемента
Благодарность....
Вы не можете сделать это с помощью чистого CSS. Вам придется использовать JavaScript. Я предлагаю проверить библиотеку JavaScript, например jQuery.
Взгляните на этот плагин jQuery:
Это не то, что CSS может делать сам по себе. Для такого поведения необходим Javascript.
Если вы хотите реализовать это, взгляните на функцию изменения размера библиотеки пользовательского интерфейса jQuery. http://docs.jquery.com/UI/Resizable
Это не работа для CSS. CSS предназначен (в основном) только для стилизации, а не для функциональности.
Посмотрите, например, плагин JQuery с изменяемым размером. Это должно быть то, что вам нужно.
Как уже упоминали другие, это не то, что может быть выполнено с помощью CSS, а это только представление. Взгляните на отличную библиотеку YUI Yahoo и их Resize Utility, вот пример:
http://developer.yahoo.com/yui/examples/resize/simple_resize.html
Есть очень хорошая демонстрация использования jQuery для выполнения того, что вы ищете. Он использует jQuery Resizing с изображениями CSS и некоторые другие вещи. Взгляните на Layout
