HTML JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. HTML
  4. Exploring the Bounding TextRange Properties


TextRange Object Dimension Properties

TD {text-align:center}
.propName {font-family: Courier, monospace}


function setAndShowRangeData() {
    var range = document.selection.createRange()
    B1.innerText = range.boundingHeight
    B2.innerText = range.boundingWidth
    B3.innerText = range.boundingTop
    B4.innerText = range.boundingLeft
    B5.innerText = range.offsetTop
    B6.innerText = range.offsetLeft
}



TextRange Object Dimension Properties



Select text in the paragraph below.



PropertyPixel Value

    boundingHeight
     


    boundingWidth
     


    boundingTop
     


    boundingLeft
     


    offsetTop
     


    offsetLeft
     




text text text text text text text text text text text text text 
text text text text text text text 
text 
text text text text text text text text text text text 
text text text text text text text text text text