کنترل Border

کنترل Border به شما امکان می‌دهد ویژگی‌های border زیر را تنظیم کنید:

• عرض border (بالا/راست/پایین/چپ)
• سبک border (none / solid / double / dotted / dashed)
• رنگ border
• شعاع مرزی (بالا/راست/پایین/چپ)

مثال زیر نحوه اعمال حاشیه از طریق پارامتر css و نحوه تنظیم پیش‌فرض حاشیه را نشان می‌دهد.

class Builder_Element_Prefix_Test extends \Bricks\Element {
  public function set_controls() {
    $this->controls['titleBorder'] = [
      'tab' => 'content',
      'label' => esc_html__( 'Title border', 'bricks' ),
      'type' => 'border',
      'css' => [
        [
          'property' => 'border',
          'selector' => '.prefix-test-title',
        ],
      ],
      'inline' => true,
      'small' => true,
      'default' => [
        'width' => [
          'top' => 1,
          'right' => 0,
          'bottom' => 0,
          'left' => 0,
        ],
        'style' => 'solid',
        'color' => [
          'hex' => '#ffff00',
        ],
        'radius' => [
          'top' => 1,
          'right' => 1,
          'bottom' => 1,
          'left' => 1,
        ],
      ],


    ];
  }
}