Esempi CSS posizione e dimensione

 

Dimensioni e posizioni di Box1:

Larghezza di Box2 .width(valore):

 

Contenitore
#box1 {
width:200px;
height:100px;
top:30px;
left:30px;
border:1px solid #999;
padding:10px;
}
Box2

 

 

Codice:

 

function test_width () {
var dim = $("#box1").width();
alert(dim);
}
function test_innerWidth () {
var dim = $("#box1").innerWidth();
alert(dim);
}
function test_outerWidth () {
var dim = $("#box1").outerWidth();
alert(dim);
}
function test_offset_left () {
var dim = $("#box1").offset().left;
alert(dim);
}
function test_position_left () {
var dim = $("#box1").position().left;
alert(dim);
}

function aumenta_width () {
var dim = $("#box2").width(); //trova la larghezza
$("#box2").width(dim+10); //aumentala di 10
}
function diminiusci_width () {
var dim = $("#box2").width(); //trova la larghezza
$("#box2").width(dim-10); //diminiuscila di 10
}