mozilla
Your Search Results

    Element.clientWidth

    The Element.clientWidth property is the inner width of an element in pixels. It includes padding but not the vertical scrollbar (if present, if rendered), border or margin.

    This property will round the value to an integer. If you need a fractional value, use element.getBoundingClientRect().

    Syntax

    var intElemClientWidth = element.clientWidth;
    

    intElemClientWidth is an integer corresponding to the clientWidth of element in pixels. clientWidth is read–only.

    Example

    padding-top

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    padding-bottom

    Left Top Right Bottom margin-top margin-bottom border-top border-bottom

    Specification

    Notes

    clientWidth was first introduced in the MS IE DHTML object model.

    See also

    Hide Sidebar