例
設置重復圖像的方式:
div {
border-image-source: url(border.png);
border-image-repeat: repeat;
}
定義和使用
border-image-repeat 屬性用于圖像邊界是否應重復(repeated)、拉伸(stretched)或鋪滿(rounded)。
提示:你可以查看 border-image 屬性 (簡寫屬性用于設置所有 border-image-* 屬性)。
默認值: | stretch |
---|---|
繼承性: | no |
動畫: | no. 查看 animatable |
版本: | CSS3 |
JavaScript 語法: | object.style.borderImageRepeat="round"嘗試一下 |
瀏覽器支持
表格中的數字表示支持該事件的第一個瀏覽器的版本號。
屬性 | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS 語法
border-image-repeat: stretch|repeat|round|initial|inherit;
注意: 該屬性規定如何延展和鋪排邊框圖像的邊緣和中間部分。因此,您可以規定兩個值。如果省略第二個值,則采取與第一個值相同的值。
屬性值
值 | 描述 | 實例 |
---|---|---|
stretch | 默認值。拉伸圖像來填充區域 | 查看實例 ? |
repeat | 平鋪(repeated)圖像來填充區域。 | 查看實例 ? |
round | 類似 repeat 值。如果無法完整平鋪所有圖像,則對圖像進行縮放以適應區域。 | 查看實例 ? |
space | 類似 repeat 值。如果無法完整平鋪所有圖像,擴展空間會分布在圖像周圍 | |
initial | 將此屬性設置為默認值。查看 initial | 查看實例 ? |
inherit | 從父元素中繼承該屬性。 查看 inherit |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
evExpress VCL Controls是 Devexpress公司旗下最老牌的用戶界面套包。所包含的控件有:數據錄入,圖表,數據分析,導航,布局,網格,日程管理,樣式,打印和工作流等,讓您快速開發出完美、強大的VCL應用程序!DevExpress廣泛應用于ECM企業內容管理、 成本管控、進程監督、生產調度,在企業/政務信息化管理中占據一席重要之地。
【適用范圍】:Delphi / C++Builder XE2 / XE3 / XE4 / XE5 / XE6 / XE7 / XE8 / XE10 , Embarcadero Delphi , C++Builder 10 Seattle
慧都增值服務——助您打造成功軟件
1) DXperience最新版本漢化資源(2萬詞匯專業漢化、節約3成項目研發時間、一行代碼輕松搞定!)
2) DevExpress for .NET高級培訓(“功能講解+示例演示+實戰演練”三位一體的培訓模式,讓您真正學有所獲!)
3) DevExpress中文視頻課程
此列表包含了v18.2.3中解決的問題:
ExpressLibrary
ExpressQuantumGrid Suite
ExpressRichEdit Control
ExpressScheduler Suite
ExpressSkins Library
ExpressSpreadSheet
ExpressTile Control
Installation (VCL)
下載DevExpress VCL Controls新版試用請下方鏈接
解如何使用 Ansible 在容器中執行命令。
-- Tomas Tomecek(作者)
了解如何使用 Ansible 在容器中執行命令。
容器和 Ansible 可以很好地融合在一起:從管理和編排到供應和構建。在本文中,我們將重點介紹構建部分。
如果你熟悉 Ansible,就會知道你可以編寫一系列任務,ansible-playbook 命令將為你執行這些任務。你知道嗎,如果你編寫 Dockerfile 并運行 podman build,你還可以在容器環境中執行此類命令,并獲得相同??的結果。
這是一個例子:
- name: Serve our file using httpd hosts: all tasks: - name: Install httpd package: name: httpd state: installed - name: Copy our file to httpd’s webroot copy: src: our-file.txt dest: /var/www/html/
你可以在 Web 服務器本地或容器中執行這個劇本,并且只要你記得先創建 our-file.txt,它就可以工作。
但是這里缺少了一些東西。你需要啟動(并配置)httpd 以便提供文件。這是容器構建和基礎架構供應之間的區別:構建鏡像時,你只需準備內容;而運行容器是另一項任務。另一方面,你可以將元數據附加到容器鏡像,它會默認運行命令。
這有個工具可以幫助。試試看 ansible-bender 怎么樣?
$ ansible-bender build the-playbook.yaml fedora:30 our-httpd
該腳本使用 ansible-bender 對 Fedora 30 容器鏡像執行該劇本,并將生成的容器鏡像命名為 our-httpd。
但是,當你運行該容器時,它不會啟動 httpd,因為它不知道如何操作。你可以通過向該劇本添加一些元數據來解決此問題:
- name: Serve our file using httpd hosts: all vars: ansible_bender: base_image: fedora:30 target_image: name: our-httpd cmd: httpd -DFOREGROUND tasks: - name: Install httpd package: name: httpd state: installed - name: Listen on all network interfaces. lineinfile: path: /etc/httpd/conf/httpd.conf regexp: '^Listen ' line: Listen 0.0.0.0:80 - name: Copy our file to httpd’s webroot copy: src: our-file.txt dest: /var/www/html
現在你可以構建鏡像(從這里開始,請以 root 用戶身份運行所有命令。目前,Buildah 和 Podman 不會為無 root 容器創建專用網絡):
# ansible-bender build the-playbook.yaml PLAY [Serve our file using httpd] **************************************************** TASK [Gathering Facts] *************************************************************** ok: [our-httpd-20191004-131941266141-cont] TASK [Install httpd] ***************************************************************** loaded from cache: 'f053578ed2d47581307e9ba3f64f4b4da945579a082c6f99bd797635e62befd0' skipping: [our-httpd-20191004-131941266141-cont] TASK [Listen on all network interfaces.] ********************************************* changed: [our-httpd-20191004-131941266141-cont] TASK [Copy our file to httpd’s webroot] ********************************************** changed: [our-httpd-20191004-131941266141-cont] PLAY RECAP *************************************************************************** our-httpd-20191004-131941266141-cont : ok=3 changed=2 unreachable=0 failed=0 skipped=1 rescued=0 ignored=0 Getting image source signatures Copying blob sha256:4650c04b851c62897e9c02c6041a0e3127f8253fafa3a09642552a8e77c044c8 Copying blob sha256:87b740bba596291af8e9d6d91e30a01d5eba9dd815b55895b8705a2acc3a825e Copying blob sha256:82c21252bd87532e93e77498e3767ac2617aa9e578e32e4de09e87156b9189a0 Copying config sha256:44c6dc6dda1afe28892400c825de1c987c4641fd44fa5919a44cf0a94f58949f Writing manifest to image destination Storing signatures 44c6dc6dda1afe28892400c825de1c987c4641fd44fa5919a44cf0a94f58949f Image 'our-httpd' was built successfully \o/
鏡像構建完畢,可以運行容器了:
# podman run our-httpd AH00558: httpd: Could not reliably determine the server's fully qualified domain name, using 10.88.2.106. Set the 'ServerName' directive globally to suppress this message
是否提供文件了?首先,找出你容器的 IP:
# podman inspect -f '{{ .NetworkSettings.IPAddress }}' 7418570ba5a0 10.88.2.106
你現在可以檢查了:
$ curl http://10.88.2.106/our-file.txt Ansible is ?
你文件內容是什么?
這只是使用 Ansible 構建容器鏡像的介紹。如果你想了解有關 ansible-bender 可以做什么的更多信息,請查看它的 GitHub 頁面。構建快樂!
via: https://opensource.com/article/19/10/building-container-images-ansible
作者: Tomas Tomecek 選題: lujun9972 譯者: geekpi 校對: wxy
本文由 LCTT 原創編譯, Linux中國 榮譽推出
*請認真填寫需求信息,我們會在24小時內與您取得聯系。