Child

CSS3 User Interface


« Previous Next Chapter »

User Interface is a such property of CSS3, which gives an individual interface to users to implement their affords without editing the code section. As you can resize your div or can set your box size and e.t.c

The property of User Interface is supported by all measure browser except of Internet Explorer

There are mainly three types of User Interface that we use.

  • resize
  • box-sizing
  • outline-offset


Resize: is a such property of User Interface, by which you can resize your div layout on your browser. Three features of resize you can use 

a) resize:both

b) resize:verticle

c) resize:hrozontal

Example:

This example demonstrating the resizing of div with horizontal and vertical corner.

Here is the code:

div
{
border:1px solid green;
padding:15px 30px;
width:250px;
resize:both;
overflow:auto;
}

Below is another example:

This example demonstrating the resizing of div with horizontal corner.

Here is the code:


div
{
border:1px solid green;
padding:15px 30px;
width:250px;
resize:horizontal;
overflow:auto;
}

Below is another example:

This example demonstrating the resizing of div with vertical corner.

Here is the code:


div
{
border:1px solid green;
padding:15px 30px;
width:250px;
resize:verticle;
overflow:auto;
}