engine/view/styles/border

@ckeditor/ckeditor5-engine/src/view/styles/border

Functions

• addBorderRules( stylesProcessor )module:engine/view/styles/border.addBorderRules

  static

  Adds a border CSS styles processing rules.

  See source

  editor.data.addStyleProcessorRules( addBorderRules );

  This rules merges all border styles notation shorthands:

  • border
  • border-top
  • border-right
  • border-bottom
  • border-left
  • border-color
  • border-style
  • border-width

  and all corresponding longhand forms (like border-top-color, border-top-style, etc).

  It does not handle other shorthands (like border-radius or border-image).

  The normalized model stores border values as:

  const styles = {
      border: {
          color: { top, right, bottom, left },
          style: { top, right, bottom, left },
          width: { top, right, bottom, left },
      }
  };

  The border value is reduced to a 4 values for each box edge (even if they could be further reduces to a single border:<width> <style> <color> style.

  Parameters

  stylesProcessor : StylesProcessor