# ablocks/trunk/includes/controls/border.php

aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder, version trunk. 342 lines.

- Page: https://pluginprobe.com/plugins/ablocks/trunk/code/includes/controls/border.php
- Raw: https://pluginprobe.com/plugins/ablocks/trunk/raw/includes/controls/border.php
- Modified: 2026-09-08T12:29:06+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ablocks/trunk/code/includes/controls/border.php#L10-L20`.

```php
<?php
namespace ABlocks\Controls;

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

use ABlocks\Classes\ControlBaseAbstract;
use ABlocks\Controls\Color;

class Border extends ControlBaseAbstract {
	public static function get_attribute_default_value( $is_responsive = false ) {

		if ( $is_responsive ) {
			return array(
				'borderStyle' => 'default',
				'borderStyleH' => 'default',
				// border color
				'borderColor' => '',
				// border color - Hover
				'borderColorH' => '',
				// width
				'isLinkedWidth' => true,
				'isLinkedWidthTablet' => true,
				'isLinkedWidthMobile' => true,
				'commonWidth' => '',
				'commonWidthTablet' => '',
				'commonWidthMobile' => '',
				'topWidth' => '',
				'rightWidth' => '',
				'bottomWidth' => '',
				'leftWidth' => '',
				'topWidthTablet' => '',
				'rightWidthTablet' => '',
				'bottomWidthTablet' => '',
				'leftWidthTablet' => '',
				'topWidthMobile' => '',
				'rightWidthMobile' => '',
				'bottomWidthMobile' => '',
				'leftWidthMobile' => '',
				'unitWidth' => 'px',
				'unitWidthTablet' => '',
				'unitWidthMobile' => '',
				'isLinkedWidthH' => true,
				'isLinkedWidthHTablet' => true,
				'isLinkedWidthHMobile' => true,
				// Width Hover
				'commonWidthH' => '',
				'commonWidthHTablet' => '',
				'commonWidthHMobile' => '',
				'topWidthH' => '',
				'rightWidthH' => '',
				'bottomWidthH' => '',
				'leftWidthH' => '',
				'topWidthHTablet' => '',
				'rightWidthHTablet' => '',
				'bottomWidthHTablet' => '',
				'leftWidthHTablet' => '',
				'topWidthHMobile' => '',
				'rightWidthHMobile' => '',
				'bottomWidthHMobile' => '',
				'leftWidthHMobile' => '',
				'unitWidthH' => 'px',
				'unitWidthHTablet' => '',
				'unitWidthHMobile' => '',
				// Radius
				'isLinkedRadius' => true,
				'isLinkedRadiusTablet' => true,
				'isLinkedRadiusMobile' => true,
				'commonRadius' => '',
				'commonRadiusTablet' => '',
				'commonRadiusMobile' => '',
				'topRadius' => '',
				'rightRadius' => '',
				'bottomRadius' => '',
				'leftRadius' => '',
				'topRadiusTablet' => '',
				'rightRadiusTablet' => '',
				'bottomRadiusTablet' => '',
				'leftRadiusTablet' => '',
				'topRadiusMobile' => '',
				'rightRadiusMobile' => '',
				'bottomRadiusMobile' => '',
				'leftRadiusMobile' => '',
				'unitRadius' => 'px',
				'unitRadiusTablet' => '',
				'unitRadiusMobile' => '',
				// Radius Hover
				'isLinkedRadiusH' => true,
				'isLinkedRadiusHTablet' => true,
				'isLinkedRadiusHMobile' => true,
				'commonRadiusH' => '',
				'commonRadiusHTablet' => '',
				'commonRadiusHMobile' => '',
				'topRadiusH' => '',
				'rightRadiusH' => '',
				'bottomRadiusH' => '',
				'leftRadiusH' => '',
				'topRadiusHTablet' => '',
				'rightRadiusHTablet' => '',
				'bottomRadiusHTablet' => '',
				'leftRadiusHTablet' => '',
				'topRadiusHMobile' => '',
				'rightRadiusHMobile' => '',
				'bottomRadiusHMobile' => '',
				'leftRadiusHMobile' => '',
				'unitRadiusH' => 'px',
				'unitRadiusHTablet' => '',
				'unitRadiusHMobile' => '',
				'transitionDuration' => ''
			);
		}//end if
		return [
			'borderStyle' => 'default',
			'borderStyleH' => 'default',
			// border color
			'borderColor' => '',
			// border color - Hover
			'borderColorH' => '',
			// border width - Normal
			'isLinkedWidth' => true,
			'isLinkedWidthTablet' => true,
			'isLinkedWidthMobile' => true,
			'commonWidth' => '',
			'topWidth' => '',
			'rightWidth' => '',
			'bottomWidth' => '',
			'leftWidth' => '',
			'unitWidth' => 'px',

			// border width - Hover
			'isLinkedWidthH' => true,
			'isLinkedWidthHTablet' => true,
			'isLinkedWidthHMobile' => true,
			'commonWidthH' => '',
			'topWidthH' => '',
			'rightWidthH' => '',
			'bottomWidthH' => '',
			'leftWidthH' => '',
			'unitWidthH' => 'px',

			// border Radius
			'isLinkedRadius' => true,
			'commonRadius' => '',
			'topRadius' => '',
			'rightRadius' => '',
			'bottomRadius' => '',
			'leftRadius' => '',
			'unitRadius' => 'px',

			// border RadiusH - Hover
			'isLinkedRadiusH' => true,
			'isLinkedRadiusHTablet' => true,
			'isLinkedRadiusHMobile' => true,
			'commonRadiusH' => '',
			'topRadiusH' => '',
			'leftRadiusH' => '',
			'unitRadiusH' => 'px',
			'transitionDuration' => '',
		];
	}

	public static function get_attribute( $attributeName, $isResponsive = false ) {
		$attribute_value = self::get_attribute_default_value( $isResponsive );
		if ( $isResponsive ) {
			return [
				$attributeName => [
					'type' => 'object',
					'default' => $attribute_value
				]
			];
		}
		return [
			$attributeName => [
				'type' => 'object',
				'default' => $attribute_value
			]
		];
	}
	public static function get_css( $attribute_value, $property = '', $device = '' ) {
		$value = wp_parse_args( $attribute_value, self::responsive_defaults() );
		$css = [];

		// Separate handling of width units
		if ( $device ) {
			$widthUnit = self::get_unit([
				'unit' => $value['unitWidth'],
				'unitTablet' => $value['unitWidthTablet'],
				'unitMobile' => $value['unitWidthMobile'],
			], $device);
		} else {
			$widthUnit = $value['unitWidth'];
		}

		// Handle width. Read every device-suffixed member through device_member():
		// a custom breakpoint (or the generator's value-less probe suffix) has no
		// key of its own in the control's defaults, and indexing it directly is
		// what produced "Undefined array key …" notices on every page.
		if ( self::device_member( $value, 'isLinkedWidth', $device ) ) {
			$commonWidth = self::device_member( $value, 'commonWidth', $device );
			if ( '' !== $commonWidth ) {
				$css['border-width'] = $commonWidth . $widthUnit;
			}
		} else {
			$topWidth    = self::device_member( $value, 'topWidth', $device );
			$rightWidth  = self::device_member( $value, 'rightWidth', $device );
			$bottomWidth = self::device_member( $value, 'bottomWidth', $device );
			$leftWidth   = self::device_member( $value, 'leftWidth', $device );

			// Only emit border-width when at least one side was actually set —
			// otherwise every unlinked border produced "border-width:0px 0px 0px 0px".
			$has_width = '' !== $topWidth || '' !== $rightWidth || '' !== $bottomWidth || '' !== $leftWidth;
			if ( $has_width ) {
				$topWidth    = ! empty( $topWidth ) ? $topWidth : 0;
				$rightWidth  = ! empty( $rightWidth ) ? $rightWidth : 0;
				$bottomWidth = ! empty( $bottomWidth ) ? $bottomWidth : 0;
				$leftWidth   = ! empty( $leftWidth ) ? $leftWidth : 0;

				$borderWidth = $topWidth . $widthUnit . ' ' . $rightWidth . $widthUnit . ' ' . $bottomWidth . $widthUnit . ' ' . $leftWidth . $widthUnit;

				$css['border-width'] = $borderWidth;
			}
		}//end if

		// Handle border style and color
		if ( '' !== $value['borderStyle'] && 'default' !== $value['borderStyle'] ) {
			$css['border-style'] = $value['borderStyle'];
		}
		if ( '' !== $value['borderColor'] ) {
			$css['border-color'] = Color::get_css( $value['borderColor'] );
		}

		// Separate handling of radius units
		if ( $device ) {
			$radiusUnit = self::get_unit([
				'unit' => $value['unitRadius'],
				'unitTablet' => $value['unitRadiusTablet'],
				'unitMobile' => $value['unitRadiusMobile'],
			], $device);
		} else {
			$radiusUnit = $value['unitRadius'];
		}

		// Handle radius
		if ( self::device_member( $value, 'isLinkedRadius', $device ) ) {
			$commonRadius = self::device_member( $value, 'commonRadius', $device );
			if ( '' !== $commonRadius ) {
				$css['border-radius'] = $commonRadius . $radiusUnit;
			}
		} else {
			$corners = [
				'topRadius'    => 'border-top-left-radius',
				'rightRadius'  => 'border-top-right-radius',
				'bottomRadius' => 'border-bottom-right-radius',
				'leftRadius'   => 'border-bottom-left-radius',
			];
			foreach ( $corners as $member => $property_name ) {
				$corner = self::device_member( $value, $member, $device );
				if ( '' !== $corner ) {
					$css[ $property_name ] = $corner . $radiusUnit;
				}
			}
		}

		// Handle transition duration
		if ( self::has_value( $value['transitionDuration'] ) ) {
			$css['transition'] = "border {$value['transitionDuration']}s, border-radius {$value['transitionDuration']}s";
		}

		return $css;
	}

	public static function get_hover_css( $attribute_value, $property = '', $device = '' ) {
		$value = wp_parse_args( $attribute_value, self::get_attribute_default_value( true ) ); // avoid Undefined error
		$css = [];

		// Handle width units based on device
		$widthUnit = self::get_unit( [
			'unit' => $value['unitWidthH'],
			'unitTablet' => $value['unitWidthHTablet'],
			'unitMobile' => $value['unitWidthHMobile'],
		], $device );

		if ( ! empty( $value['borderStyleH'] ) && 'default' !== $value['borderStyleH'] ) {
			// Handle hover width
			if ( ! empty( $value[ 'isLinkedWidthH' . $device ] ) ) {
				$commonWidthH = self::device_member( $value, 'commonWidthH', $device );
				if ( '' !== $commonWidthH ) {
					$css['border-width'] = $commonWidthH . $widthUnit;
				}
			} else {
				$topWidth = ! empty( $value[ 'topWidthH' . $device ] ) ? $value[ 'topWidthH' . $device ] : 0;
				$rightWidth = ! empty( $value[ 'rightWidthH' . $device ] ) ? $value[ 'rightWidthH' . $device ] : 0;
				$bottomWidth = ! empty( $value[ 'bottomWidthH' . $device ] ) ? $value[ 'bottomWidthH' . $device ] : 0;
				$leftWidth = ! empty( $value[ 'leftWidthH' . $device ] ) ? $value[ 'leftWidthH' . $device ] : 0;

				$css['border-width'] = $topWidth . $widthUnit . ' ' . $rightWidth . $widthUnit . ' ' . $bottomWidth . $widthUnit . ' ' . $leftWidth . $widthUnit;
			}

			// Handle hover border color
			if ( ! empty( $value['borderColorH'] ) ) {
				$css['border-color'] = Color::get_css( $value['borderColorH'] );
			}
		}//end if

		// Handle hover border style
		if ( ! empty( $value['borderStyleH'] ) && 'default' !== $value['borderStyleH'] ) {
			$css['border-style'] = $value['borderStyleH'];
		}

		// Handle radius units based on device
		$radiusUnit = self::get_unit( [
			'unit' => $value['unitRadiusH'],
			'unitTablet' => $value['unitRadiusHTablet'],
			'unitMobile' => $value['unitRadiusHMobile'],
		], $device );

		// Handle hover border radius
		if ( ! empty( $value[ 'isLinkedRadiusH' . $device ] ) ) {
			if ( '' !== ( $value[ 'commonRadiusH' . $device ] ?? '' ) ) {
				$css['border-radius'] = $value[ 'commonRadiusH' . $device ] . $radiusUnit;
			}
		} else {
			if ( isset( $value[ 'topRadiusH' . $device ] ) && '' !== $value[ 'topRadiusH' . $device ] ) {
				$css['border-top-left-radius'] = $value[ 'topRadiusH' . $device ] . $radiusUnit;
			}
			if ( isset( $value[ 'rightRadiusH' . $device ] ) && '' !== $value[ 'rightRadiusH' . $device ] ) {
				$css['border-top-right-radius'] = $value[ 'rightRadiusH' . $device ] . $radiusUnit;
			}
			if ( isset( $value[ 'bottomRadiusH' . $device ] ) && '' !== $value[ 'bottomRadiusH' . $device ] ) {
				$css['border-bottom-right-radius'] = $value[ 'bottomRadiusH' . $device ] . $radiusUnit;
			}
			if ( isset( $value[ 'leftRadiusH' . $device ] ) && '' !== $value[ 'leftRadiusH' . $device ] ) {
				$css['border-bottom-left-radius'] = $value[ 'leftRadiusH' . $device ] . $radiusUnit;
			}
		}

		return $css;

	}
}

```