title: How do I check if the text under the cursor in a contenteditable div is "bold"
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/3404618/identify-whether-the-selected-text-in-a-web-page-is-bold-nor-not">Identify whether the selected text in a web page is bold nor not</a>  </p>
  </blockquote>
  
  
  
  <p>I've created a contenteditable div, and this was straightforward enough.</p>
  
  <p>I have as well added a control on top of the div to bold and unbold the text. </p>
  
  <p>Now, I would like to style the button based on the bold status of the text under the cursor - ie: if the text under the cursor is bold, I would like the bold icon to have border 'inset'... and if it's not bold, I would like the bold icon to be without a border.</p>
  
  <p>How can I check the style of the element under the cursor?</p>
  
  <p>Link to the code as it is now:
  <a href="http://jsfiddle.net/aCp7M/" rel="nofollow noreferrer">http://jsfiddle.net/aCp7M/</a></p>