Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <h1>Using Text As Bullets</h1> <p>Use <code>li:before</code> with an escaped Hex HTML Entity (or any plain text).</p> <hr> <p><strong>Example</strong></p> <p>My example will produce lists with check marks as bullets.</p> <p><em>CSS</em>:</p> <pre><code>ul { list-style: none; padding: 0px; } ul li:before { content: '\2713'; margin: 0 1em; /* any design */ } </code></pre> <hr> <p><strong>Browser Compatibility</strong></p> <p>Haven't tested myself, but it should be supported as of IE8. At least that's what <a href="http://www.quirksmode.org/css/contents.html" rel="noreferrer">quirksmode</a> &amp; <a href="http://css-tricks.com/browser-support-pseudo-elements/" rel="noreferrer">css-tricks</a> say.</p> <p>You can use conditional comments to apply older/slower solutions like images, or scripts. Better yet, use both with <code>&lt;noscript&gt;</code> for the images.</p> <p><em>HTML</em>:</p> <pre><code>&lt;!--[if lt IE 8]&gt; *SCRIPT SOLUTION* &lt;noscript&gt; *IMAGE SOLUTION* &lt;/noscript&gt; &lt;![endif]--&gt; </code></pre> <hr> <p><strong>About background images</strong></p> <p>Background images are indeed easy to handle, but...</p> <ol> <li>Browser support for <code>background-size</code> is actually only as of IE9.</li> <li>HTML text colors and special (<em>crazy</em>) fonts can do a lot, with less HTTP requests.</li> <li>A script solution can just inject the HTML Entity, and let the same CSS do the work.</li> <li>A good resetting CSS code might make <code>list-style</code> (the more logical choice) easier.</li> </ol> <hr> <p>Enjoy.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload