Native support for Boxes (Framed, Style, ... etc)

[JerryI]

Slowly we are progressing. It turned out that the styling of symbols can be done quite easily using decorations.
For this example the following code is used

    let boxes = {};
    boxes.name = "WebObjects/Boxes";
  
    interpretate.contextExpand(boxes);
  
    boxes.FrameBox = (args, env) => {
        env.element.classList.add('frame-box');
        env.context = boxes;

        const options = core._getRules(args, env) || {};
        
        if ('Background' in options) {
            env.element.style.backgroundColor = env.color;
        }
    }

    boxes.RGBColor = (args, env) => {
        if (args.length == 3) {
          const color = args.map(el => 255*interpretate(el, env));
          env.color = "rgb("+color[0]+","+color[1]+","+color[2]+")";
        } else {
          console.error('g2d: RGBColor must have three arguments!');
        }
    }