Is it possible to apply CSS to half of a character/word?

[pro-tek]

CSS to half of a character/word?

[pritaeas]

Please provide a more detailed example of what you want to achieve.

[AleMonteiro]

I never saw it, and did no research, but at the topt of my head I'd say: No.

But you can always split the word with something like:

<p>Wo<b>rd</b></p>

[tobyITguy]

use <span> tag with and id. Read about it.

[almostbob]

not sure of the desired effect, but:
using css psuedo selectors styles can be applied automatically to certain parts of elements
breaking the word into <span class='1'>half</span><span class='2'>2ndhalf</span> can be applied manually,
or automatically with serverside wizardry beyond the scope of this question

[diafol]

If you don't want any markup in your static text, then js is the only way I can think of.

http://codepen.io/FWeinb/pen/djuIx - is so cool - or so horrible - I can't make up my mind. Heh heh.

Applying to a word is quite easy with js, but... you want to apply it to half a character?

I'm starting to think about kerning and duplicating the letter somehow. Or some sort of masking.

[Towhidul]

You can try using Lettering.js

jQuery plugin:http://letteringjs.com/

Tutorials:
http://www.1stwebdesigner.com/lettering-js/
http://www.onextrapixel.com/2013/06/26/3-fun-typography-techniques-using-lettering-js/

[Portia_1]

make the character an image and then use image maps,