「css_value」の引数にCSSプロパティ名を指定することで要素のCSSプロパティ値を取得することが出来ます。
下記のサンプルでは、まずGoogleトップページに存在する検索ボタンの要素を取得しています。そして、その要素に対して「css_value」を実行することで、引数に指定したCSSプロパティ名に対応する値を取得しています。もし、引数に指定したプロパティ名が実際のプロパティ名と完全一致しない場合は、空文字が返されます。
プロパティ名の指定は、ロングハンドプロパティで指定する必要があります。ショートハンドプロパティではなにも返されません。
例：×→background ○→background-color
説明
サンプル
require 'selenium-webdriver'
# Firefoxを起動
driver = Selenium::WebDriver.for(:firefox)
#指定したURLに遷移する
driver.get('https://www.google.co.jp')
#検索ボタンの要素をname属性名から取得
element = driver.find_element(:name,'btnK')
#検索ボタンに適用されているCSSプロパティ名(text-align)からプロパティ値を取得
print(element.css_value('text-align'))
※selenium version 4.1.0で動作確認をしています（ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります）
実行結果
※GoogleおよびGoogleロゴはGoogle Inc.の登録商標であり、同社の許可を得て使用しています。
動画デモ
※字幕をONにすると解説のテロップが表示されます※
Fatal error: Uncaught Google_Service_Exception: Error calling GET https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A138132118&start-date=7daysAgo&end-date=yesterday&metrics=ga%3Apageviews&dimensions=ga%3ApageTitle%2C+ga%3ApagePath&sort=-ga%3Apageviews&max-results=1000: (404) <!DOCTYPE html>
<html lang=en>
<meta charset=utf-8>
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
<title>Error 404 (Not Found)!!1</title>
<style>
*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_c in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php on line 110
